<!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>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
