定义:HTML 表单用于搜集不同类型的用户输入。
用<form> 元素定义html表单:
<form>
form 表单
</form>
常用属性:
- Action
action 属性定义在提交表单时执行的动作。 - Method
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST)。 - Name
规定识别表单的名称。 - Target
规定 action 属性中地址的目标。
HTML 表单包含的常用表单元素:
- 文本输入
<input type="text">
定义用于文本输入的单行输入字段:
<form>
<input type="text" name="firstname">
<input type="text" name="lastname">
</form> ```
- 单选框
`<input type="radio">` 定义单选框
<form>
<input type="radio" name="sex" value="男"> 男
<input type="radio" name="sex" value="女"> 女
</form> ```
- 多选框
<input type="checked">
定义多选按框
<form>
您喜欢的水果?<br /><br />
<label><input name="Fruit1" type="checkbox" value="" checked/>苹果 </label>
<label><input name="Fruit2" type="checkbox" value="" />桃子 </label>
<label><input name="Fruit3" type="checkbox" value="" />香蕉 </label>
<label><input name="Fruit4" type="checkbox" value="" />梨 </label>
</form>
- 密码输入框
<input type="password">
定义密码输入
<form>
<input type="password" name="pwd" /></form>
</form> ```
- 按钮button对象
`<input type="button">` 定义最一般普通的按钮
<form>
<input type="button" name="button" /></form>
</form> ```
- 文件提交
<input type="file">
定义文件上传提交
<form>
<input type="file" />
</select>
</form>
- submit提交表单
<input type="submit">
<form>
<input type="submit" />
</form>
- select标签
<input type="select">
一般用来定义下拉菜单
<form>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
- label标签
<label for="name">xxx</label>
对输入框和密码框的文字说明
<form>
<label for="name">姓名</label>
<input type="text" name="name"id=”name“>
</form>