【JavaWeb】HTML中的表单标签
1.3 表单标签
(1)表单<form>
input type="text"
表示文本框 , 其中 name属性必须要指定,否则这个文本框的数据将来是不会发送给服务器的
input type="password"
表示密码框
input type="radio"
表示单选按钮。需要注意的是,name属性值保持一致,这样才会有互斥的效果;可以通过checked属性设置默认选中的项
input type="checkbox"
表示复选框。name属性值建议保持一致,这样将来我们服务器端获取值的时候获取的是一个数组
select
表示下拉列表。每一个选项是option
,其中value属性是发送给服务器的值 , selected表示默认选中的项
textarea
表示多行文本框(或者称之为文本域),它的value值就是开始结束标签之间的内容
input type="submit"
表示提交按钮
input type="reset"
表示重置按钮
input type="button"
表示普通按钮
action="demo04.html"
表单提交的地址
method="post"
表单提交的方式,get或post
<html> <head> <title>表单标签的学习</title> <meta charset="UTF-8"> </head> <body> <form action="demo04.html" method="post"> 昵称:<input type="text" value="请输入你的昵称"/><br/> 密码:<input type="password" name="pwd"/><br/> 性别:<input type="radio" name="gender" value="male"/>男 <input type="radio" name="gender" value="female" checked/>女<br/> 爱好:<input type="checkbox" name="hobby" value="basketball"/>篮球 <input type="checkbox" name="hobby" value="football" checked/>足球 <input type="checkbox" name="hobby" value="earth" checked/>地球<br/> 星座:<select name="star"> <option value="1">白羊座</option> <option value="2" selected>金牛座</option> <option value="3">双子座</option> <option value="4">天蝎座</option> <option value="5">天秤座</option> </select><br/> 备注:<textarea name="remark" rows="4" cols="50"></textarea><br/> <input type="submit" value=" 注 册 "/> <input type="reset" value="重置"/> <input type="button" value="这是一个普通按钮"/> </form> </body> </html>
分类:
Java / JavaWeb
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本