网页制作实例表单 (html制作购物车表单)

视频加载中...

HTML表单

HTML 表单用于搜集不同类型的用户输入。

<form> 元素

<form> 元素定义 HTML 表单:

语法:<form></form>

HTML 表单包含 表单元素

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

<input> 元素有很多形态,根据不同的 type 属性。

1. 文本输入

<input type="text"> 定义用于文本输入的单行输入字段

2、密码框

<input type=" password "> 定义单选按钮。

密码框是为了隐藏用户密码信息的输入框,语法形式与文本框差不多,不同的是类型 为 password。

3、单选按钮输入

<input type="radio"> 定义单选按钮。

单选按钮是在表单中有多个选项,且只能选一个的情况下使用。

注:checked表示默认选中项。

如:<input type="radio" name="sex"checked> 男

<input type="radio" name="sex"> 女

表示默认选中男项。

4、复选框(Checkboxes)

<input type="checkbox"> 定义了复选框。

复选框是可以选多个选项的选项框,与单选不同的是复选框可以选取多个选项,而且也可以默认几个选项都处于选中状态。

注:checked表示默认选中项。

如:<input type="checkbox" checked>

5、<select> 元素(下拉列表)

下拉列表是可以选择的列表,当在列表中选择要选的选项时使用,只能选其中一个选项(通过设置也可以选几项)。

语法:

<select>

<option>北京</option>

<option selected>上海</option>

</select>

注:selected 表示默认选中项

6、<textarea> 元素(文本域)

<textarea> 元素定义多行输入字段:

文本域是用在要输入多行文本,填写大量的文字时用到。