您的位置：首页 > 其它

表单常用标签和属性

2018-06-08 15:47 337 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="get">
<!--name属性随意写，一般见名知意-->
<!--size属性输入框的宽度，maxlength最多输入的字符数-->
<!--readonly不允许输入修改-->
<!--palceholder输入提示-->
<!--单选框，复选框，选择框中的 value属性，当选中时候提交会返回value的值-->
<!--单复选框中的checked属性被设置，表示默认选项-->
<!--选择框中的selected被设置 表示默认选项-->
<!--required属性被设置，如果该输入框不填写内容将无法提交-->
隐藏字段：<input type="hidden" name="id"/><br />
用户名：<input type="text" name="username" size="40px" maxlength="5"
readonly="" placeholder="请输入用户名"/><br />
密码：<input type="password" name="password" required="required"/><br />
确认密码：<input type="password" name="repassword"/><br />
性别：<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女" checked="checked"/>女<br />
爱好：<input type="checkbox" name="hobby" value="钓鱼" checked="checked"/>钓鱼
<input type="checkbox" name="hobby" value="打电动" checked="checked"/> 打电动
<input type="checkbox" name="hobby" value="泡妞"/> 泡妞 <br />
头像：<input type="file" name="file"/><br />
籍贯：<select name="province" id="" name="province">
<option >----请选择-----</option>
<option value="北京">北京</option>
<option value="上海" selected="selected">上海</option>
<option value="广州">广州</option>
<option value="深圳">深圳</option>
</select><br />
自我介绍：<textarea name="zwjs" rows="" cols=""></textarea><br />
提交按钮：<input type="submit" /><br />
注册：<input type="submit" value="注册"/><br />
普通按钮：<input type="button" value="普通按钮"/><br />
重置按钮: <input type="reset" />
</form>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航

表单常用标签 和 属性

表单常用标签和属性