加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

html5定制表单_动力节点Java学院清算

发布时间:2020-03-16 15:33:05 所属栏目:编程 来源:站长网
导读:副问题#e# HTML5中存在多种差异的输入框和按钮,通过配置input元素的type属性来实现,除此之外,HTML5中还支持选择列表、多行输入框等,这些元素都有本身的用途和属性,下面逐一先容。 单行文本输入框 type为text暗示input元素为一个单行文本框,是input元

<form method="post" action=":8080/form" enctype="multipart/form-data"> <p><label for="name">Name: <input value="Adam" disabled id="name" name="name"/></label></p> <p><label for="password">Password: <input type="password" placeholder="Min 6 characters" id="password" name="password"/></label></p> <p><label for="fave"> Favorite Fruit: <select id="fave" name="fave"> <optgroup label="Top Choices"> <option valu="apples" selected label="Apples">Apples</option> <option valu="oranges" label="Oranges">Oranges</option> </optgroup> <optgroup label="Others"> <option valu="cherries" label="Cherries">Cherries</option> <option valu="pears" label="Pears">Pears</option> </optgroup> </select> </label></p> <input type="submit" value="Submit Vote"/> </form>

在Chrome中的结果如下:

optgroup元素只起组织浸染,用户无法将其作为选项选中。

多行输入框

textarea元素天生的是多行文本框,用户可以在内里输入多行笔墨。包括的属性包罗:
1)autofocus:在页面加载后文本地区自动得到核心;
2)cols:文本区内的可见宽度,整型;
3)disabled:禁用该文本区;
4)form:文本区所属的一个或多个表单;
5)maxlength:文本区的最大字符数;
6)name:文本区的名称;
7)placeholder:文本地区预期值的简短提醒;
8)readonly:文本区为只读;
9)required:文本区是必填的;
10)rows:文本区的可见行数,整型;
11)wrap:文本区的文本怎样换行,包罗:soft(默认),在表单提交时,文本区中的文本不换行;hard,在表单提交时,文本区中的文本换行(包括换行符),当行使该值时,必需划定cols属性。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读