html表单

表单用于搜集不同类型的用户输入&＃xff0c;表单由不同类型的标签组成&＃xff0c;相关标签及属性用法如下&＃xff1a;

1、标签 定义整体的表单区域

• action属性 定义表单数据提交地址
• method属性 定义表单提交的方式&＃xff0c;一般有“get”方式和“post”方式
  • 一般来说get用于数据少量&＃xff0c;且无隐私的方式
  • post一般是处理数据较多&＃xff0c;而且存在密码等等方式的提交

2、标签 为表单元素定义文字标注

3、标签 定义通用的表单元素

• type属性
  • type&＃61;"text" 定义单行文本输入框
  • type&＃61;"password" 定义密码输入框
  • type&＃61;"radio" 定义单选框
  • type&＃61;"checkbox" 定义复选框
  • type&＃61;"file" 定义上传文件
  • type&＃61;"submit" 定义提交按钮
  • type&＃61;"reset" 定义重置按钮
  • type&＃61;"button" 定义一个普通按钮
  • type&＃61;"image" 定义图片作为提交按钮&＃xff0c;用src属性定义图片地址
  • type&＃61;"hidden" 定义一个隐藏的表单域&＃xff0c;用来存储值
• value属性 定义表单元素的值
• name属性 定义表单元素的名称&＃xff0c;此名称是提交数据时的键名

4、标签 定义多行文本输入框</strong></p><p><strong>5、<select>标签 定义下拉表单元素</strong></p><p><strong>6、<option>标签 与<select>标签配合&＃xff0c;定义下拉表单元素中的选项</strong></p><p><code class="language-html"><br><br><br><br><p><label for&＃61;"username">姓名&＃xff1a;</label><input type&＃61;"text" name&＃61;"username" id&＃61;"username" /></p><p><label>密码&＃xff1a;</label><input type&＃61;"password" name&＃61;"password" /></p><p><label>性别&＃xff1a;</label><input type&＃61;"radio" name&＃61;"gender" value&＃61;"0" id&＃61;"male" /> <label for&＃61;"male">男</label><input type&＃61;"radio" name&＃61;"gender" value&＃61;"1" id&＃61;"female" /> <label for&＃61;"female">女</label></p><p><label>爱好&＃xff1a;</label><input type&＃61;"checkbox" name&＃61;"like" value&＃61;"sing" /> 唱歌<input type&＃61;"checkbox" name&＃61;"like" value&＃61;"run" /> 跑步<input type&＃61;"checkbox" name&＃61;"like" value&＃61;"swiming" /> 游泳</p><p><label>照片&＃xff1a;</label><input type&＃61;"file" name&＃61;"person_pic"></p><p><label>个人描述&＃xff1a;</label><textarea name&＃61;"about">

籍贯&＃xff1a;北京上海广州深圳