如何设置input表单根据表单内的数据自动增高_「第三天」学美术的英语小白如何从装修行业转为互联网前端...

最新推荐文章于 2024-07-12 15:11:33 发布

weixin_39818014

最新推荐文章于 2024-07-12 15:11:33 发布

阅读量425

点赞数

文章标签：如何设置input表单根据表单内的数据自动增高

做咩

做咩

今天是学习HTML的第三天, 东西越来越多了...出去吃的晚饭, 所以回来的比较晚,周末快乐! 我还是没搞懂微信到底能不能用Markdown的语法.

表单内容太多了= =, 差不多都试了一遍. 太多了...大概看了看吧, 用的时候再查吧. 看的太多了, 有点晕...

还看了一下HTML5, 新增了好多内容, 代码迁移我就略过了, 等有需要再看吧...明天就该看HTML媒体和图形, 还有个API 好像很有趣的样子. 但感觉也会很难..

语义元素

语义元素可以清晰的向浏览器和开发者描述其意义.

非语义元素: div 和 span 无法提供关于其内容的信息

语义元素的栗子: form table img 清晰的表达了其内容的含义

对于老式浏览器可把css display 属性设置为block

article
aside
details
figcaption
figure
footer
header
main
mark
nav
section
summary
time

| article | 定义文章。

| aside | 定义页面内容以外的内容。

| details | 定义用户能够查看或隐藏的额外细节。

| figcaption | 定义 figure> 元素的标题。

| figure | 规定自包含内容，比如图示、图表、照片、代码清单等。

| footer | 定义文档或节的页脚。

| header | 规定文档或节的页眉。

| main | 规定文档的主内容。

| mark | 定义重要的或强调的文本。

| nav | 定义导航链接。

| section | 定义文档中的节。

| summary | 定义 details> 元素的可见标题。

| time | 定义日期/时间。

删除的元素

acronym
applet
basefont
big
center
dir
font
frame
frameset
noframes
strike
tt

HTML表单

元素

input元素是最重要的表单元素. 元素有很多形态, 根据不同的 type属性, 可以转化为不通形态.
form元素定义HTML表单
select元素定义下拉列表
option元素定义待选择的选项
textarea 元素定义多行输入字段(文本域)
button 元素定义可点击的按钮
datalist 元素为 input元素规定预定义选项列表。(input 元素的 list 属性必须引用 datalist 元素的 id 属性。)
input元素的输入类型。
text单行文本.
password密码字段
submit提交表单处理程序的按钮
radio定义单选按钮
checkbox定义复选框
button定义按钮
number数字输入
date用于日期输入
color用于颜色输入
range滑块输入
month选择月份和年份
week选择周和年
time选择无时区时间
datetime有时区的日期和时间
datetime-local无时区的日期和时间
email电子邮件输入字段
search搜索字段
tel用于电话号码的输入
url用于url地址的输入,根据浏览器会自动验证

属性

value属性规定了输入字段的初始值
readonly规定了输入字段为只读(无法修改)
disabled规定了禁用字段
size规定了输入字段的尺寸(以字符计算)
maxlength规定了输入字段允许的最大长度(不接受超过长度的字符, 且无任何用户反馈)
autocomplete规定了输入字段是否可以自动填充
novalidate属于form属性, 如果设置, 则表示提交表单时不进行验证
autofocus属性是布尔属性, 设置时会再加载界面时 input自动获取焦点
form规定了 input元素所属的一个或多个表单(可以位于表单之外, 但仍然属于同一个表单)
formaction规定了当前提交表单的处理控件的 url (会覆盖form元素的action属性适用于 type= submit 和 type=image)
formenctype规定了表单提交服务器使用的编码 (目前看的不是很懂= =)
formmethod 定义了向 action URL 发送表单数据的http方法 (也看不太懂好像是git 和post 的区别...)
formnovelidate 如果设置, 则不验证提交的表单 (会复写 form 元素的novalidate属性可用于type= submit)
formtarget 规定了响应结果在本页面显示还是新窗口
height和width 规定了input元素的而高度和宽度
list 属性引用看 datalist 元素中包含了 input 元素的预定义选项
min和max 规定了input元素的最小值和最大值 (适用于 number range date datetime datetime-local month time week)
multiple属性是布尔属性 (允许用于在input元素输入一个以上的值, 适用于 email 和file)
pattern用于检查input元素的正则表达式 (适用于 text search url tel email password) 正则还不会...
placeholder 可以用于描述字段预期期望值 (适用于 text search url tel email password)
required 规定必须填写字段否则无法提交表单
step 用于规定合法数字间隔...也就是步长 (可以同max 和min搭配使用 )