HTML表单的写法
直接上代码来看:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <!-- form标签用来声明表单 --> <form method="post" action=""> <form action="数据发送地址" method="发送方式"> <input type="text" /> 单行文本 <input type="password" /> 密码 <input type="radio" /> 单选框 <input type="checkbox" /> 复选框 <input type="hidden" /> 隐藏域 <input type="submit" /> 提交按钮 <input type="file" /> 文件域 <input type="reset" value="" /> 重置按钮 <input type="buton" value="" /> 按钮 <textarea></textarea> 文本区域 <select> <option></option> </select> 下拉框 </form> </form> <h1>好好网</h1> <form action="发送地址" method="数据发送地址"> 用户名:<input type="text" /> <br /><br /> 密码:<input type="password" /> <br /><br /> 性别:男<input type="radio" /> 女<input type="radio" /> <br /><br /> 爱好:蓝球<input type="checkbox" /> 足球<input type="checkbox" /> 乒乓球<input type="checkbox" /> 排球<input type="checkbox" /> <br /><br /> 学历:<select> <option >小学</option> <option >中学</option> <option >高中</option> <option >大专</option> <option >本科</option> <option >以上</option> </select> <br /><br /> 上传头像<input type="file" /> <br /><br /> 个人简介<textarea></textarea> <br /><br /> <input type="submit" /> <input type="reset" /> </form> </body> </html>
上面代码效果展示图:
原文链接:https://www.qiquanji.com/post/7759.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知