Form表单元素
<!-- 除了按钮之外 必须写name 按钮类 必须写value --> !! action:提交给哪个网页 method:数据提交的方法 1.get 显式提交,有长度限制。 2.post 隐式提交。 <!-- 提交给哪个页面来展现 action="页面" method="提交方式"--> <form action="../aa.html" method="get" > <!-- 文本框 --> <input type="text" name="文本" value="文本框"/> <!-- 密码框 --> <input type="password" name="密码" value="密码框"/> <!-- 隐藏域 --> <input type="hidden" name="隐藏域" value="隐藏域"/> <!-- 文本域 用于多行文本 双标签 --> <textarea name="xq">文本域</textarea> <!-- 普通按钮 --> <input type="button" value="登录" /> <!-- 提交按钮 --> <input type="submit" value="提交" /> <!-- 重置按钮 --> <input type="reset" value="重置" /> <!-- 图片 提交按钮 --> <input type="image" value="提交" src="插入的图片" /> <!-- 单选按钮:type="radio" name值相同单选,name值不同能形成多选--> <input type="radio" name="sex" value="该项的值"/>1.该项的值 <input type="radio" name="sex" value="该项的值"/>2.该项的值 <input type="radio" name="sex" value="该项的值"/>3.该项的值 <input type="radio" name="sex" value="该项的值"/>4.该项的值 <!-- 多选按钮 复选框: type="checkbox" --> <input type="checkbox" name="aihao" value="1"/>1. <input type="checkbox" name="aihao" value="2"/>2. <input type="checkbox" name="aihao" value="3"/>3. <input type="checkbox" name="aihao" value="4"/>4. <!-- 下拉列表 --> <select name="shuzi"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <!-- 选取文件 文件上传 type="file" --> <input type="file" name="file" /> <!-- 做默认选中 用作单选 多选选中 --> <input type="radio" name="sex" value="男" checked="checked" />男 <input type="radio" name="sex" value="女" /> 女 <input type="checkbox" checked="checked" name="aihao" value="玩" /> 玩 <input type="checkbox" name="aihao" value="看书" />看书 checked=checked 默认选中 <!-- 在下拉列表中做默认选中 --> <select name="字母"> <option value="A">A</option> <option selected="selected" nvalue="B">B</option> <option value="C">C</option> </select> </form> readonly 只读 disabled="disabled" 不可用不能提交 hidden="hidden" 隐藏
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!