HTML编辑笔记3

表单

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　　    //只能输入网址

　　email　　//只能输入邮箱

　　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            //正则表达式(输入的内容必须符合这个表达式的要求)