您的位置：首页 > Web前端 > HTML

HTML-表单标签

2017-07-18 22:02 190 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<body>
<form action="" method="post">

<!-- 文本框 -->
<!-- maxlength="8"    限制输入字符长度
readonly=”readonly”  将输入框为只读状态（不能编辑）
disabled="disabled"  输入框未激活
name="username"   输入框的名称
value="默认值"     默认值
-->
文本编辑框：<input type="text" name="username" maxlength="6" readonly="readonly" disabled="disabled" value="默认值" >
<br/>
<!-- 密码输入框 -->
<!-- 注意：文本输入框的所有属性对密码输入框都有效。 -->
密码输入：<input type="password" name="password" maxlength="12">
<br>
<!-- 单选框 -->
<!-- 只有将name的值设置相同的时候，才能实现单选效果。
checked=”checked” 设置默认选择项
-->
性别：<input type="radio" name="gender" checked="checked">男<input type="radio" name="gender">女
<br>
<!-- 下拉选项 -->
<!-- Multiple=”multiple”  将下拉列表设置为多选项
Selected=”selected”  设置默认选中项目
-->
地址：<select multiple="multiple">
<option>河北省</option>
<option>山东</option>
<option>陕西</option>
<option>四川省</option>
<option selected="selected">北京</option>
</select>
<select>
<optgroup label="四川省">
<option>成都市</option>
<option>绵阳市</option>
<option>眉山市</option>
<option>南充市</option>
</optgroup>
</select>
<br>
<!-- 多选框 -->
<!-- Checked=”checked” 设置默认选中项 -->
兴趣爱好：<input type="checkbox" name="" checked="checked">打麻将
<input type="checkbox" name="" >斗地主
<br>
<!-- 多行文本框 -->
<!-- Cols  控制输入字符的长度。
Rows  控制输入的行数
-->
多行文本框：<textarea cols="120" rows="10"></textarea>
<br>
<!-- 文件上传 -->
文件上传：<input type="file" name="">
<br>
<!-- 文件提交按钮 -->
<!-- 可以实现信息提交功能 -->
<input type="submit" name="" >
<br>
<!-- 图片按钮 -->
<input type="image" src="../img/1.jpg">
<br>
<!-- 普通按钮 -->
<!-- 不能提交信息，配合JS使用 -->
<input type="button" value="提交">
<br>
<!-- 重置按钮 -->
<input type="reset">
<br>
<!-- 表单信息分组 -->
<fieldset>
<legend>信息分组</legend>
</fieldset>
</form>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航