JavaEEday4初识HTML+总结3

FORM表单的常见type属性

FORM表单的tpye属性非常多&＃xff0c;这里只介绍常见的几个&＃xff1a;

text &＃xff1a; 输入普通文本&＃xff0c;例如登录注册下的用户名

password &＃xff1a; 输入密码文本&＃xff0c;例如登录注册下的密码&＃xff0c;隐藏用户的输入

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

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

checkbox &＃xff1a;复选项&＃xff0c;即使属于同一组&＃xff0c;也仍然能选择多个&＃xff0c;不具备互斥关系

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

submit &＃xff1a;显示一个提交按钮&＃xff0c;点击后会触发下一步动作&＃xff0c;触发跳转到下一步网页

reset &＃xff1a;显示一个按钮&＃xff0c;点击后会重置表单

---

text属性&＃xff1a;普通文本

表现为

password属性&＃xff1a; 密码文本

表现为

radio属性&＃xff1a;单选框

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

男

女

分组按照name分组&＃xff0c;name相同为同一组。

特别的&＃xff0c;提交的为value属性&＃xff0c;gender &＃61; 1.若没有value属性则提交为gender&＃61; 

checked属性&＃xff1a;选中状态

男

默认该选项按钮选中

checkbox属性&＃xff1a;复选项

篮球

足球

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

button、submit、reset

按钮分别为

 

---

表单select标签与其multiple属性

其效果类似单选项&＃xff0c;只能选择一个

       

男

        

女

出现的效果为

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

       

男

        

女

出现的效果为

---

文本输入框

name属性用于提交&＃xff0c;rows&＃61;"...."表示约束能输入多少行&＃xff0c;cols&＃61;"...."表述约束能输入多少列

为单标签不需要闭合标签&＃xff0c;但是需要

---

表单总结