_3_form_标签

什么是input标签？

  　处理输入信息

input有哪些类型？

　　选择：

　　　　<input type="checkbox">

　　　　　　多选框，选择爱好等

　　　　<input type="radio" name="“>

　　　　　　单选框，通过name值，相同就互斥，选性别等

　　　　加value属性值提交后端，加checked="checked"属性表示默选

　　文本：

　　　　<input type="text" value=‘’ name =‘’>

　　　　　　文本输入，value为初始默认值，

　　　　<input type="password" value=‘’ name =‘’>

　　　　　　密码输入，，value为初始默认值

　　　　<textarea name=““>默认初始内容 </textarea>

　　　　　　特殊的多行文本输入框

　　　　　　加name属性提交后端数据是key值

　　按钮：

　　　　<input type="button" value=““>

　　　　　　普通按钮，value按钮信息

　　　　<input type="submit">

　　　　　　提交按钮，和form标签一起使用，提交数据

　　　　<input type="file">

　　　　　　指定文件，用于上传

如何组合使用？

       提交数据，和文本input标签使用

              <form action="" method=””>

                  <input type="text" name="username" >

                  <input type="password" name=" password ">

                  <input type="submit" value="提交">

　　　　</form>

              action指定提交地址url

　　　　　method指定提交方式，POST或GET

　　　　提交数据格式：｛‘username’：[‘输入框的内容’],‘password’：[‘用户输入的密码’]｝

如何通过点击文字对input标签进行选定？

　　<label for=" che1">婚否</label><input id=“che1“ type="checkbox">

　　通过fof属性连接input标签，点击label标签内容就像点击了input标签一样

　　　　只针对input系类

 

怎么设置选项框？

  　　<select  size="显示几个选项，不写默认1,">

      　　<option >选项1</option>

      　　<option >选项2</option>

      　　<option >选择3</option>

      　　<option >选项4</option>

　　</select>

 

怎么多选？

　　select中写入multiple="multiple"，按住ctrl多选

怎么对选项分组？

　　　　<select>

          　　<optgroup label="组a">（不可选中）

           　　 　<option >组员a1</option>（可选中）

            　　　<option >组员a2</option>

          　　　　</optgroup>

              <optgroup label="组b">

            　　<option >组员b1</option>

            　　<option>组员b2</option>

          　</optgroup>

         </select>

         写size会出滚动条，通过滚动条查看选项，不写点击，选项全部展现出来

select标签要有哪些属性？

　　select中，加id属性，通过id定义样式

　　option中，加value属性，发送到后台，只要接收到value值就OK了

怎么设置默认选项？

         option写入selected=“selected”