简介及引言
本文来源于饥人谷相关资料以及W3C教程,内容主要选择常用html表单内容
1.目的
简单说就是html通过表单收集用户信息(即:不同类型数据)并提交后台服务器。
<form> 元素定义 HTML 表单,作为表单的外壳把用户输入的不同类型的数据提交到后台。
2.HTML表单元素
HTML 表单包含表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
脉络逻辑:
表单——————》重要元素——————》次级重要属性
2.1重要元素
-
1.input元素
(基本作用)——————》(属性)
语法:
<input type="👇的小选择" name="xxx" 其他属性blablabla>XXX
type 属性的有趣小选择
——》text
——》password——》submit ——》radio ——》checkbox ——》button
-
2.select元素和嵌套的option元素(可直接举例)
<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>
-
3.textarea元素(可直接举例)
<textarea> 元素定义多行输入字段(*文本域*): <textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea>
-
4.button元素(可直接举例)
<button type="button" onclick="alert('Hello World!')">Click Me! </button>
5.* HTML5新增表单元素
datalist 和 option联用。以达到选择开发者提供的选项的操作目的
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
(注意:input list属性必须存在,且必须和datalist元素的id统一!!!)