标签:inpu style -- res 前端 set bsp js使用 log
表单标签<form></form>
input系列标签
text 文本输入框
placeholder 默认的属性,输入时消失
password 密码输入框
radio 单选框
checkbox 多选框
submit 提交按钮
button 按钮(需要配合js使用.) button和submit的区别?
file 提交文件:form表单需要加上属性enctype="multipart/form-data"
select标签
textarea多行文本框
label标签
fieldset标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>register</title>
</head>
<body>
<h2>注册页面</h2>
<form action="/index/" method="post">
<p>
<label for=“user”>用户:</label> <!--label标签的作用,跟下面的“密码:”一样-->
<input type="text" name="user" value="egon">
</p>
<p>密码:<input type="password" name="pwd" value="123"></p>
<p>爱好:<input type="checkbox" name="hobby" value="bastball">篮球
<input type="checkbox" name="hobby" value="football" checked="checked">足球 <!--checked="checked" 默认-->
<input type="checkbox" name="hobby" value="pingpang">乒乓球
</p>
<p>性别:
<input type="radio" name="sex" value="1" checked="checked">男
<input type="radio" name="sex" value="0">女
</p>
<p>
<select name="籍贯">
<option value="hebei" selected="selected">河北省</option> <!--selected="selected" 默认-->
<option value="hebei" >河南省</option>
<option value="hebei">湖南省</option>
<option value="hebei">湖北省</option>
</select>
</p>
<p>
<input type="reset">
</p>
<p>
<input type="button" value="按钮">
</p>
<p>
<input type="file">
</p>
<fieldset>
<legend>登录吧</legend>
<input type="text">
</fieldset>
<input type="submit" value="提交">
</form>
</body>
</html>
标签:inpu style -- res 前端 set bsp js使用 log
原文地址:http://www.cnblogs.com/lucaq/p/7270302.html