大家好，欢迎来到IT知识分享网。
表单元素格式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单学习</title> </head> <body> <h1>注册</h1> <!--表单form action：表单提交的位置，可以是网站，也可以是一个请求处理地址 method:post ,get 提交方式 get方式提交我们可以在url中看到我们提交的信息,不安全,高效 post方式比较安全,传输大文件. --> <form action="html.html"method="get"> <!--文本输入框:input type="text value 默认初始值 maxlength 最长写几个字符 size 文本框长度--> <p>名字:<input type="text"name="username"value="中国人"maxlength="8"size="30"></p> <!-- 密码框input type="password"name="pwd"--> <p>密码:<input type="password"name="pwd"></p> <!--单选框 input type="radio" value:单选框的值 name:表示组 同一个组内的单选框只能选一个 checked默认值 --> <p>性别：<input type="radio"value="boy" name="sex"checked>男 <input type="radio"value="girl" name="sex">女 </p> <!--多选框 input type="checkbox" checked默认值 --> <p>爱好： <input type="checkbox"value="sleep"name="hobby">睡觉 <input type="checkbox"value="code"name="hobby"checked>敲代码 <input type="checkbox"value="chat"name="hobby">聊天 </p> <p>按钮: <!--按钮 input type="button" 普通按钮 input type="image" 图像按钮 可以提交 input type="submit" 提交按钮 input type="reset" 重置 --> <!--按钮标签--> <input type="button"name="btn1"value="点击变长"> <input type="image"src="../resources/image/051822.jpeg"height="100"width="100"> </p> <!--下拉框 列表 select name="国家" id="" option value="china" 子选项 selected默认值 --> <p>下拉框 <select name="国家" id=""> <option value="china">中国</option> <option value="us">美国</option> <option value="eth"selected>瑞士</option> <option value="yd">印度</option> </select> </p> <!-- 文本域 cols="30" rows="10"行列 --> <p>反馈： <textarea name="textarea" id="123" cols="30" rows="10">文本内容</textarea> </p>文本域 <!--文本域 input type="file" name="files" --> <P>文件域 <input type="file"name="files"> <input type="button"name="upload"value="上传"> </P> <!--邮箱验证 --> <p>邮箱： <input type="email"name="email"> </p> <!--url --> <p>url: <input type="url"name="url"> </p> <!-- 数字--> <p>数字验证： <input type="number"name="num"max="100"min="0"step="10"> </p> <!--滑块 input type="range" --> <b>音量 <input type="range" name="voice" step="2"min="0"max="100"> </b> <!--搜索框 input type="search" --> <p>搜索: <input type="search"name="search"> </p> <p> <input type="submit"> <input type="reset"value="清空表单"> </p> </form> </body> </html>
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/32646.html
