HTML5-从0开始学习之表单属性详解

什么是表单?

表单是网页中数据采集的工具。

表单组成部分由三部分组成:

(一)表单标签<form>

(二)表单域<input>

(三)表单按钮<button>

现在我们来逐步解释这三部分。

(一)表单标签<form>

<body>
<form action="" method="POST" name="">
    姓名:<input type="text">
</form>
</body>

HTML5-从0开始学习之表单属性详解

效果如上所示,

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

下面是form标签的属性,不再一一论述:

HTML5-从0开始学习之表单属性详解

(二)表单域<input>

我们先来介绍input标签常用的属性:

<type>:元素的类型,如text文本框,radio单选按钮,select下拉框等;

<name>:元素的名称,主要用于与服务器端数据传送;

<value>:元素的默认值;

<size>:以字符计算的元素可见宽度,不是像素或百分比;

<maxlength>:元素允许的最大字符长度;

<disabled>禁用该控件,这个时候既不能选择,也不能点击;

<readonly>:该控件字段内容只读,不能修改。

姓名:<input type="text" name="abc" value="ABJun">

HTML5-从0开始学习之表单属性详解

(三)表单按钮<button>

<button type="button">click it!</button>

HTML5-从0开始学习之表单属性详解

<button> 标签定义一个按钮。

下面是button标签的属性:

HTML5-从0开始学习之表单属性详解