表单标签form

表单标签form

1.<form action="提交地址"  method="提交方式" name="表单名字"></form>

method:get/post;

区别：get:地址栏提交、信息暴露、小数据等；

post:请求体提交、信息隐藏、大数据等。

2.输入标签：input: type:输入控件类型   ;

  name:控件的名字;
    value:控件的值;
    maxlength:输入字符最大长度;
  placeholder:占位符;
    readonly:只读;
   disabled:禁用;

3.下拉列表标签：select:  name  :下拉列表名字
    multiple:多项显示
    size:显示条数    
    选项组标签 optgroup
    label :标题
    option标签：选项标签

4. 文本域标签：<textarea> :cols:文本域宽度；

     rows:文本域高度；
   readonly:只读；
  disabled:禁用；

5.控件类型：text:文本类型；

password:密码；

radio:单选，注意：这里的name值必须一样；

checkbox:多选按钮；

reset：重置；

submit：提交。

注：有时候想要通过点击文字就能实现选中了该项，就需要使用<label for="指向需要选中的id值"></label>