第三章表单

Posted 2020-10-12 铉色、

第三章 表单
1.语法
<form method="get|post" action="数据向哪提交的地址">
//表单内容
</form>

2.input 标签常用属性
<input name="标签名" type="标签类型" value="标签默认值"/>
size:输入文本框的字符的长度
maxlength:文本框的宽度
checked: 单选框和复选框的默认选中.
selected: 下拉框的默认选中

3.常用标签
text //文本框
password //密码框
radio //单选按钮
checkbox //复选框
button //按钮
submit //提交按钮
reset //重置按钮
url //只能输入网址
emial //只能输入邮箱
number //只能输入数字
file //文件域
range //滑块
search //搜索框
其他标签
<select> :下拉框
<option></option> 选项
</select>
<textarea></textarea> 文本域
注意: radio和checkbox中的name属性值需要保持一致，才能
到达单选或者多项的作用.

4.表单的高级应用
hidden //隐藏域
readonly // 只读
disabled // 禁用

5.表单元素的标注
例:
<label for="id值"> 男</label>
<input type="radio" id="id值"/>
6.表单初级验证的方法
placeholder //提示
required //必填项
pattern //正则表达式(输入的内容必须符合这个表达式的要求)