form:表单创建
action:行动(提交的路径),整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码)
method:方法(提交的方式),表单提交的方式(get/post/delete……等 7 种)
input:输入
type:输入的类型
text:文本(文本输入项)
password:密码
radio:单选按钮
checked:被选中
checkbox:复选框
file:文件(文件上传项)
hidden:隐藏字段
reset:重置(重置按钮)
button:按钮(普通按钮)
submit:提交(提交按钮)
name:名称(元素名称)
value:值(输入项的内容)
size:大小(可以是文字字体的大小,也可以是输入框的宽度)
maxlength:最大长度(输入框可以输入的最大长度)
readonly:只读
disabled:不可用的
select:选择(下拉列表项)
option:条目(下拉列表项)
selected:选择(下拉列表被选中)
textarea:区域(文本输入域)
https://www.runoob.com/html/html-forms.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册界面</title> </head> <body> <table border="1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px"> <!--1.logo部分--> <tr> <td> <!--嵌套一个一行三列的表格--> <table border="1px" width="100%"> <tr height="50px"> <td width="33.3%"> <img src="../img/logo2.png" height="47px" /> </td> <td width="33.3%"> <img src="../img/header.png" height="47px" /> </td> <td width="33.3%"> <a href="#">登录</a> <a href="#">注册</a> <a href="#">购物车</a> </td> </tr> </table> </td> </tr> <!--2.导航栏部分--> <tr height="50px"> <td bgcolor="black"> <a href="#"><font size="5" color="white">首页</font></a> <a href="#"><font color="white">手机数码</font></a> <a href="#"><font color="white">电脑办公</font></a> <a href="#"><font color="white">鞋靴箱包</font></a> <a href="#"><font color="white">家用电器</font></a> </td> </tr> <!--3.注册表单--> <tr> <td height="600px" background="../img/regist_bg.jpg"> <!--嵌套一个十行二列的表格--> <form action="#" method="get" name="regForm"> <table border="1px" width="750px" height="360px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white"> <tr height="40px"> <td colspan="2"> <font size="4">用户注册</font> USER REGISTER </td> </tr> <tr> <td> 用户名 </td> <td> <input type="text" name="user" size="34px" /> </td> </tr> <tr> <td> 密码 </td> <td> <input type="password" name="password" size="34px" /> </td> </tr> <tr> <td> 确认密码 </td> <td> <input type="password" name="repassword" size="34px" /> </td> </tr> <tr> <td> Email </td> <td> <input type="text" name="email" size="34px" /> </td> </tr> <tr> <td> 姓名 </td> <td> <input type="text" name="username" size="34px" /> </td> </tr> <tr> <td> 性别 </td> <td> <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 </td> </tr> <tr> <td> 出生日期 </td> <td> <input type="text" name="birthday" size="34px" /> </td> </tr> <tr> <td> 验证码 </td> <td> <input type="text" name="yzm" size="34px" /> <img src="../img/yanzhengma.png" /> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="注册" /> </td> </tr> </table> </form> </td> </tr> <!--4.广告图片--> <tr> <td> <img src="../img/footer.jpg" width="100%" /> </td> </tr> <!--5.友情链接和版权信息--> <tr> <td align="center"> <a href="#">1234</a> <a href="#">2234</a> <a href="#">3234</a> <a href="#">4234</a> <a href="#">5234</a> <a href="#">6234</a> <a href="#">7234</a> <a href="#">8234</a> <p> 123456789 </p> </td> </tr> </table> </body> </html>