HTML06表单

表单作用(form):
收集用户信息,表单展现之后,用户填写表单,点击提交按钮提交数据给服务器。
一个网页中可以有多个表单。
表单最终需要提交数据给服务器,action属性用来指定服务器地址,可指定提交哪个服务器。
和href一样都可向服务器发送请求(request)。

<form action="路径地址">
	<input type="按钮"  value="按钮上显示的文本"/>
	action:请求路径,表单提交数据最终提交给谁
	按钮:submit(提交按钮,能提交表单),button(普通按钮),text(文本框),
	password(密码框),checkbox(复选框),radio(单选按钮),reset(重置)......
</form>

用户名/密码<input type="" name="">有name才会提交,如果type="text"就不用写value,用户来写。

HTTP协议规定,提交服务器格式必须以:
action?name=value&name=value&name=value…
所以写上name才会提交给服务器。
当value没有写时,value默认为空字符串“ ”,会提交给服务器。


用户注册表单:

<!--form表单中method属性:
get:用户提交的信息会显示在浏览器的地址栏上。
post:不会显示。当用户提交敏感信息例如密码建议采用这个。
如果不指定method,默认为get。
-->
<form action="http://。。。" method="post">
        用户名
        <input type="text" name="usename">
        <br>
        密码
        <input type="password" name="userpwd">
        <br>
        确认密码
        <input type="password">
        <br>
        性别
        <input type="radio" name="gender" value="1" checked>男<!--默认男-->
        <input type="radio" name="gender" value="0">女
        兴趣爱好
        <input type="checkbox" name="interest" value="smoke" checked>抽烟
        <input type="checkbox" name="interest" value="drink">喝酒
        <input type="checkbox" name="interest" value="fire">烫头
        <br>
        学历
        <select name="grade"><!--下拉列表-->
            <option value="gz" selected>高中</option><!--默认高中-->
            <option value="dx">大学</option>
            <option value="ss">硕士</option>
        </select>
        简介<!--文本域,没有value属性,用户填写的内容就是value-->
        <textarea rows="10" cols="60" name="introduce"></textarea><!--10行,60列-->
        <br>
        <input type="submit" value="注册">
        <input type="reset" value="清空">

        <--超链接也可以提交数据给服务器,但是数据都是固定不变。超链接是get请求-->
    </form>

下拉列表:
<select mutiple="mutiple" size="2">
支持多选,显示条数为2
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值