ss
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>form</title> </head> <body> <!-- action：提交位置 --> <!-- method：提交方式 get：提交到地址的数据，会在浏览器上的地址栏中显示出来；安全性要低些；数据提交的效率高；无法实现文件上传；数据提交的大小有限制 post：提交到地址的数据，不会在浏览器上的地址栏中显示出来；安全性要高些；数据提交的效率低；文件上传提交方式要设置为post；数据提交的大小没有限制 --> <!-- 表单提交的要求 1.form设置action 2.需要提交数据（表单元素），需要嵌套form表单中 3.form中一定要有submit按钮 4.需要提交表单元素都要设置name属性 5.点击按钮之后，提交这个按钮所在的form中的数据 一般一个html文档中只有form标签 --> <form action="2.图片.html" method="get"> <!-- input:输入框 type：设置input的类型 text:文本输入框 name：名称，如果需要通过form提交当前input输入框中的值一定要设置input的name属性 --> <input type="text" name="userName" /><br /> <!-- type=submit 提交按钮，点击按钮之后，将 form标签中的 表单元素中的数据提交到action地址 --> <input type="submit" value="提交按钮" /> </form> <form action="1.基本标签.html"> <input type="submit" value="提交按钮" /> </form> <br><br> <form action="1.基本标签.html"> <table width="400px"> <tr> <td width="120px" align="right">账号：</td> <td> <!-- type:设置input的类型 text：文本输入框 password：密码框 name：名称 value：输入框中的值，默认值；输入框填写的内容会赋值给当前的输入框的value属性 maxlength：输入内容的长度 readonly：只读 required：非空验证 --> <input type="text" name="userName" value="admin" maxlength="5" required="required" /> </td> </tr> <tr> <td align="right">密码：</td> <td> <input type="password" name="passWord" value="123456" /> </td> </tr> <tr> <td align="right">性别：</td> <td> <!-- checked:默认选中 一组的所有的单选按钮的name属性要相同 单选按钮的value要设置 提交的是选中的单选按钮的value属性的值 --> <input type="radio" name="userSex" value="男" checked="checked" />男 <input type="radio" name="userSex" value="女"> 女 </td> </tr> <tr> <td align="right">喜欢的明星：</td> <td> <!-- checked:默认选中 一组的所有的复选框的name属性要相同 复选框的value要设置 提交的是选中的复选框的value属性的值 --> <input type="checkbox" name="mingxing" value="蔡徐坤" checked="checked" />蔡徐坤 <input type="checkbox" name="mingxing" value="肖战" />肖战 </td> </tr> <tr> <td align="right">地址：</td> <td> <!-- select：下拉列表 option：选项（子标签），value属性设置给option，如果option设置value属性，提交选中的option中value属性， 没有设置value，提交选中的option中文本 selected：option默认选中 --> <select name="userAddress"> <option value="1">湖北武汉</option> <option selected="selected">浙江杭州</option> <option>河南开封</option> </select> </td> </tr> <tr> <td align="right">日期时间：</td> <td> <input type="datetime-local" name="userTime" /> </td> </tr> <tr> <td align="right">日期：</td> <td> <input type="date" name="userDate" /> </td> </tr> <tr> <td align="right">图像：</td> <td> <input type="file" name="myFile" /> </td> </tr> <tr> <td align="right">个人介绍：</td> <td> <textarea rows="2" cols="15" name="userMiaoshu"></textarea> </td> </tr> <tr> <td></td> <td> <input type="submit" value="注册" /> <input type="reset" value="重置"> <input type="image" src="img/z2.png" /> </td> </tr> </table> </form> </body> </html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南