JavaEE day4 初识HTML+总结3

FORM表单的常见type属性

FORM表单的tpye属性非常多,这里只介绍常见的几个:

text : 输入普通文本,例如登录注册下的用户名

password : 输入密码文本,例如登录注册下的密码,隐藏用户的输入

radio : 单选框,在属于同一个组的几个选项中,只能选取其中一个,是互斥的关系,例如你的性别

checked :选中状态,布尔类型的属性,只要加上该type就一定选中,无论该属性的具体值是什么

checkbox :复选项,即使属于同一组,也仍然能选择多个,不具备互斥关系

button :显示一个提交按钮,但是点击后不会进行下一步操作,主要配合JS写逻辑

submit :显示一个提交按钮,点击后会触发下一步动作,触发跳转到下一步网页

reset :显示一个按钮,点击后会重置表单


text属性:普通文本

<input type="text" name="username">

表现为

password属性: 密码文本

<input type="password" name="userpassword">

表现为

radio属性:单选框

此处表现为一个单选按钮,为何是input,是因为用户选择的输入是选择该按钮输入,至于按钮后面的正文,则是静态的文本展现

<input type="radio" name=”gender“ value=”1“>男<br>

<input type="radio" name=”gender“ value=”0“>女<br>

分组按照name分组,name相同为同一组。

特别的,提交的为value属性,gender = 1.若没有value属性则提交为gender= 

checked属性:选中状态

<input type="radio" name=”gender“ value=”1“ checked>男<br>

默认该选项按钮选中

checkbox属性:复选项

<input type="checkbox" name=”hobby“ value=”basketball“>篮球<br>

<input type="checkbox" name=”hobby“ value=”football“>足球<br>

哪怕是在hobby的同一组也可以都选中 

button、submit、reset

按钮分别为

 


表单select标签与其multiple属性

其效果类似单选项,只能选择一个

<select name="gender">

        <option value="1">男</option>

        <option value="0">女</option>

</select>

出现的效果为

若其加上multiple属性则可以多选,该属性和checked属性一样,加上就代表可以多选,是布尔类型

<select name="gender"multiple>

        <option value="1">男</option>

        <option value="0">女</option>

</select>

出现的效果为


文本输入框

<textarea></textarea>

name属性用于提交,rows="...."表示约束能输入多少行,cols="...."表述约束能输入多少列

<input>为单标签不需要闭合标签,但是<tetxtarea>需要


表单总结

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

花落尽舞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值