表单标签<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>
时间: 2024-08-04 01:40:13