您的位置：首页 > 其它

表单标签，已经常用的各种控件总结

2009-12-26 18:35 309 查看

一.表单标签

<form> 定义供用户输入的表单

<input>
定义输入域
<textarea>定义文本域 (一个多行的输入控件)
<label>
定义一个控制的标签
<fieldset>
定义域
<legend>
定义域的标题
<select>
定义一个选择列表
<optgroup>
定义选项组
<option>
定义下拉列表中的选项
<button>
定义一个按钮
<isindex>
已废弃。有<input>代替。
二.form标签

<form>
<input>
<input>
</form>

二.input标签

<html>

<body>

<form>
<table>
<tr>
<td>我喜欢自行车：</td>
<td><input type="checkbox" name="Bike"></td>
</tr>
<tr>
<td>我喜欢汽车：</td>
<td><input type="checkbox" name="Car"></td>
</tr>
<tr>
<td>男:</td>
<td><input type="radio" name="sex" checked="checked" name="male"></td>
<tr>
<td>女:</td>
<td><input type="radio" name="sex"  name="female"></td>
</tr>
<tr>
<td>姓名：</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td><input type="submit" value="submit"></td>
</tr>
</table>
</form>

</body>
</html>

三.option标签

<html>

<body>

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

</body>
</html>

四.fieldset 标签

<html>

<body>

<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>

五.一个简单的例子

<html>

<body>
<form action="MAILTO:someone@w3school.com.cn" method="post" enctype="text/plain">

<h3>这个表单会把电子邮件发送到 W3School。</h3>
姓名：<br>
<input type="text" name="name" value="yourname" size="20">
<br>
电邮：<br>
<input type="text" name="mail" value="yourmail" size="20">
<br>
内容：<br>
<input type="text" name="comment" value="yourcomment" size="40">
<br><br>
<input type="submit" value="发送">
<input type="reset" value="重置">

</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航