html标签---input属性

一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" /></form>

定义和用法

<input> 标签用于搜集用户信息。

根据不一样的 type 属性值，输入字段拥有不少种形式。输入字段能够是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

HTML 与 XHTML 之间的差别

在 HTML 中，<input> 标签没有结束标签。

在 XHTML 中，<input> 标签必须被正确地关闭。

提示和注释：

提示：请使用 label 元素为某个表单控件定义标签。

input属性

• 文本域(Text fields)

• 本例演示如何在 HTML 页面建立文本域。用户能够在文本域写入文本。

<form>
名：
<input type="text" name="firstname">
<br />
姓：
<input type="text" name="lastname">
</form>

• 密码域

• 本例演示如何建立 HTML 的密码域。

<form>
用户：
<input type="text" name="user">
<br />
密码：
<input type="password" name="password">
</form>
<p>
请注意，当您在密码域中键入字符时，浏览器将使用项目符号来代替这些字符。
</p>

• 复选框

• 本例演示如何在 HTML 页中建立文本框。用户能够选中或取消选取复选框。

<form>
我喜欢自行车：
<input type="checkbox" name="Bike">
<br />
我喜欢汽车：
<input type="checkbox" name="Car">
</form>

• 单选按钮

• 本例演示如何在 HTML 中建立单选按钮。

<form>
男性：
<input type="radio" checked="checked" name="Sex" value="male" />
<br />
女性：
<input type="radio" name="Sex" value="female" />
</form>

<p>当用户点击一个单选按钮时，该按钮会变为选中状态，其余全部按钮会变为非选中状态。</p>

• 简单的下拉列表

• 本例演示如何在 HTML 页面中建立简单的下拉列表框。下拉列表框是一个可选列表。

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

• 建立按钮

• 本例演示如何建立按钮。你能够对按钮上的文字进行自定义。

<form>
<input type="button" value="Hello world!">
</form>