目录
1、表单的作用
用来向服务器发送用户输入的信息
2、定义表单的语法
<form action="提交地址" method="get/post">
<!--表单中只有有name属性的才能提交-->
用户名:<input type="text" name="username" /> <!--文本框-->
密码:<input type="password" name="password" / > <!--密码框-->
性别:<input type="radio" name="sex" value="m" checked/ > 男 <!--单选框-->
<input type="radio" name="sex" value="w" / > 女
<!--checked表示默认选中-->
爱好:<input type="checkbox" name="hobby" value="smoke" / >抽烟 <!--复选框-->
<input type="checkbox" name="hobby" value="drink"/ >喝酒
<input typt="checkbox" name="hobby" value="firehair" / >烫头
学历:<select name="xueli" multiple (多选) size="显示的条数" >
<!--下拉列表-->
<option value="gz">高中</option>
<option value="dz">大专</option>
<option value="bk" selected>本科</option> <!--selected表示默认选中-->
<option vaule="ss">硕士</option>
</select>
简介:<textarea name="jianjie" rows="行数" cols="列数"></textarea> <!--文本域-->
<input type="submit" value="提交" />
<!--只有submit能提交表单,button只是一个普通按钮不能提交表单-->
<input type="reset" value="重置"> <!--重置表单-->
</form>
notes(注释):
一个网页上可以存在多个表单
按钮必须在表单内才能提交
表单中只有有name属性的才能提交
数据提交的格式:属性=属性值&属性=属性值
表单中没有填写的默认提交空字符串
3、file控件
<input type="file" />
作用:用来上传文件
4、hidden控件
<input type="hidden" name="coder" value="天下第一">
作用:用来隐藏数据
5、readonly和disabled
<input type="text" readonly value="1111" / >
<input type="text" disabled value="2222"/>
效果如下:
notes:
两者都是只读
readonly能提交给服务器
disabled不能提交给服务器
6、maxlength属性
作用:用来制定输入的最大长度
<input type="text" maxlength="3" / > <!--最多输入3个字符-->