HTML基础02

表单form

• 作用:用于获取用户输入的信息,并且将信息提交到服务器
• 学习表单就是学习表单中有哪些控件.比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(vheckboxes)等等。
• 表单通常使用表单标签来设置:

　　 <form> <input /> form> 

• 文本框：通过 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。

  <input type="text" name="username" value="xxx" maxLength="5" readonly="readonly" placeholder="xxxx" 
  

• 密码框：过标签 来定义:

  <input type="password" name="pwd" value="xxx" maxLength="5" readonly="readonly" placeholder="xxxx" >
  
  

• 单选框： 标签定义了表单单选框选项

  <input id="xxx" type="radio" name="xxx" value="xx" checked="checked">
  <label for="xxx">xxxxlabel>
  

  　

• 复选框： 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

  <input id="xxx" type="checkbox" name="xxx" value="xx" checked="checked">
  
  

• 日期：

   <input type="date" name="xxx"> 
  

• 文件

   <input type="file" name="xxxx"> 
  

• 文本域

  <textarea name="xxx" cols="20" rows="5" placeholder="xxxx">textarea>

• 下拉选 city=bj

 

　　

<select name="city">
    <option value="bj">北京option>
    <option value="sh" selected="selected">上海option>
    <option value="sz">深圳option>
select>