XHTML块级元素有哪些呢？
◎ address – 地址
◎ blockquote – 块引用
◎ center – 举中对齐块
◎ dir – 目录列表
◎ div – 常用块级容易，也是css layout的主要标签
◎ dl – 定义列表
◎ fieldset – form控制组
◎ form – 交互表单
◎ h1 – 大标题
◎ h2 – 副标题
◎ h3 – 3级标题
◎ h4 – 4级标题
◎ h5 – 5级标题
◎ h6 – 6级标题
◎ hr – 水平分隔线
◎ isindex – input prompt
◎ menu – 菜单列表
◎ noframes – frames可选内容，（对于不支持frame的浏览器显示此区块内容
◎ noscript – 可选脚本内容（对于不支持script的浏览器显示此内容）
◎ ol – 排序表单
◎ p – 段落
◎ pre – 格式化文本
◎ table – 表格
◎ ul – 非排序列表
XHTML行内元素有哪些呢？
◎ a – 锚点◎ abbr – 缩写
◎ acronym – 首字
◎ b – 粗体(不推荐)
◎ bdo – bidi override
◎ big – 大字体
◎ br – 换行
◎ cite – 引用
◎ code – 计算机代码(在引用源码的时候需要)
◎ dfn – 定义字段
◎ em – 强调
◎ font – 字体设定(不推荐)
◎ i – 斜体
◎ img – 图片
◎ input – 输入框
◎ kbd – 定义键盘文本
◎ label – 表格标签
◎ q – 短引用
◎ s – 中划线(不推荐)
◎ samp – 定义范例计算机代码
◎ select – 项目选择
◎ small – 小字体文本
◎ span – 常用内联容器，定义文本内区块
◎ strike – 中划线
◎ strong – 粗体强调
◎ sub – 下标
◎ sup – 上标
◎ textarea – 多行文本输入框
◎ tt – 电传文本
◎ u – 下划线
◎ var – 定义变量
关于可变元素
当块内元素和行内元素随环境而变化时，它就变成了可根据上下文关系确定该元素是块元素或者行内元素，即可变元素。可变元素还是属于上述两种元素类别，一旦上下文关系确定了他的类别，他就要遵循块元素或者内联元素的规则限制。
可变元素有哪些呢？
可变元素为根据上下文语境决定该元素为块元素或者内联元素。
◎ applet – java applet
◎ button – 按钮
◎ del – 删除文本
◎ iframe – inline frame
◎ ins – 插入的文本
◎ map – 图片区块(map)
◎ object – object对象
◎ script – 客户端脚本
-
行内（级）元素，块级元素都有哪些
2018-04-15 14:24:55下面列一些html常见的行内元素和块级元素 行内元素： 标签可定义锚 字体加粗 换行 斜体文本效果 输入框 向网页中嵌入一幅图像 组合文档中的行内元素 定义下标文本 定义上标文本 多行的文本输入控件...展开全文下面列一些html常见的行内元素和块级元素
行内元素：
<a>标签可定义锚
<b>字体加粗
<br>换行
<i>斜体文本效果
<input>输入框
<img>向网页中嵌入一幅图像
<span>组合文档中的行内元素
<sub>定义下标文本
<sup>定义上标文本
<textarea>多行的文本输入控件块级元素：
<dd>定义列表中定义条目
<dl>定义列表
<dt>定义列表中的项目
<div>定义文档中的分区或节
<form>创建 HTML 表单
<h1>定义最大的标题
<h2>定义副标题
<h3>定义标题
<h4>定义标题
<hr>创建一条水平线
<li>标签定义列表项目
<ul>定义无序列表
<p>标签定义段落
-
xhtml块级元素和行内元素都有哪些
2012-03-14 15:34:00XHTML块级元素有哪些呢？ ◎ address – 地址 ◎ blockquote – 块引用 ◎ center – 举中对齐块 ◎ dir – 目录列表 ◎ div – 常用块级容易，也是css layout的主要标签 ◎ dl – 定义列表 ◎ fieldset – form控制...展开全文转载于:https://www.cnblogs.com/havePassed/archive/2012/03/14/2396025.html
-
表单元素属性readonly和disabled使用对比
2020-09-28 07:08:02表单元素属性readonly和disabled在适应范围、操作、表单提交等等方面都有所不同，至于有哪些不同，感兴趣的朋友可以了解下本 -
利用h5中新增表单元素及属性制作学生信息表单
2018-12-13 22:18:00H5中新增的表单元素有哪些： 针对新增的表单元素和属性做一个简单的表单练习，要求： 1、名字栏，自动聚焦 2、手机号码及邮箱不能为空，填错或不填更改默认提示，提交后会记住第一次提交后的填写值 3、所属...展开全文H5中新增的表单元素有哪些：
针对新增的表单元素和属性做一个简单的表单练习，要求：
1、名字栏，自动聚焦
2、手机号码及邮箱不能为空，填错或不填更改默认提示，提交后会记住第一次提交后的填写值
3、所属学校是下拉表框，但是可以手动输入信息
4、入学成绩和水平（使用进度条或者度量都可以）相关联，成绩栏输入框值发生改变时，水平发生相应变化
5、入学时间和毕业时间可以加减，可以直接选择
实现的代码如下：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>学生信息</title> 6 <style type="text/css"> 7 fieldset{ 8 width: 400px; 9 height: 600px; 10 margin: auto; 11 padding: 10px 20px; 12 background-color: palegreen; 13 } 14 input{ 15 display: block; 16 width: 400px; 17 height: 30px; 18 margin-bottom: 10px; 19 font: 16px/30px arial; 20 } 21 meter{ 22 width: 400px; 23 height: 30px; 24 margin-bottom: 10px; 25 } 26 </style> 27 </head> 28 <body> 29 <fieldset> 30 <legend>学生信息</legend> 31 <form action="#" method="get"> 32 姓名： 33 <input type="text" name="uesrName" id="" autocomplete="on" autofocus="autofocus" placeholder="请输入姓名" /> 34 手机号码： 35 <input type="tel" name="telphone" id="phone" placeholder="请输入手机号" maxlength="11" required="required" pattern="^1[3578]\d{9}$" /> 36 邮箱： 37 <input type="email" name="e-mail" id="email" required="required" autocomplete="on" /> 38 所属学校： 39 <input type="text" name="school" list="mylist"/> 40 入学成绩： 41 <input type="number" name="grade" id="grade" min="0" max="150" value="" /> 42 基本水平： 43 <meter value="0" min="0" max="150" low="90" high="120" id="show"></meter> 44 入学时间： 45 <input type="date" /> 46 毕业时间： 47 <input type="date"/> 48 <input type="submit" value="提交" /> 49 <datalist id="mylist"> 50 <option value="湖北经济学院"></option> 51 <option value="华中农业大学"></option> 52 <option value="武汉轻工大学"></option> 53 <option value="武汉商贸学院"></option> 54 </datalist> 55 </form> 56 </fieldset> 57 <script> 58 var phone=document.getElementById("phone") 59 var grade=document.getElementById("grade") 60 var show=document.getElementById("show") 61 grade.oninput=function(){ 62 show.value=grade.value; 63 } 64 phone.oninvalid =function(){ 65 phone.setCustomValidity("请输入正确的手机号格式"); 66 } 67 </script> 68 </body> 69 <ml>
结果如下：
做起来还是很简单的，大家可以试着练练。
转载于:https://www.cnblogs.com/wcx-20151115-hzz/p/10116837.html
-
判断form表单里面的元素属性是否有数据_html form标签的action属性是什么意思...又有哪些用法？（附实例）...
2020-12-04 12:06:49本篇文章主要的介绍HTML form表单标签的action属性的用法，用法介绍和实例等都在里面，现在让我们一起来看吧程序猿的生活：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新...展开全文本篇文章主要的介绍HTML form表单标签的action属性的用法，用法介绍和实例等都在里面，现在让我们一起来看吧
程序猿的生活：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）zhuanlan.zhihu.com首先我们先来介绍一下关于HTML form标签的action属性的意思：
form标签的action属性是一个表单当中必须的属性，action属性规定当提交表单时，向何处发送表单数据。
先看个第一个关于form标签action属性的实例：
下面的表单拥有两个输入字段以及一个提交按钮，当提交表单时，表单数据会提交到名为 "form_action.asp" 的页面：
<form action="form_action.asp" method="get"> <p>输入用户名: <input type="text" name="fname" /></p> <p>再输用户名: <input type="text" name="lname" /></p> <input type="submit" value="提交" /> </form>这个的效果图在下方：
效果很明显，基本上每个表单都需要action属性。
现在说说form标签action属性的用法介绍：
form表单中的action属性的值是表单提交给的url，如果我们没有设置action属性，那么默认的表单还是提交给当前页面，以下是action属性的三种用法介绍：
- action=""和action="#"、没有action属性的作用相同，都是提交到当前页面(也就是document.location.href)
- action="http://currentPage.xxx"如果http://currentPage.xxx表示当前页面，则提交到当前页面，同事跳转到当前页面，当然就看不到url的变化；如果http://currentPage.xxx是非当前页面，则提交到非当前页面，也跳转到非当前页面
- 表单提交到自身时 action=""与action="http://currentPage.xxx"的区别：
通常为了省事,我们一般将表单的action属性设为action=""/action="#"或者干脆不写,但是这会造成一个问题,就是其实将action设为action=""时 , 表单提交时真正提交的页面是action="currentPage.xxx?arguments=values&….",也就是如果当前页面带有参数,参数也一并会提交,而且参数的优先级会高于<form>控件提交的参数，即如果action="currentPage.xxx?arguments=values&…."中的arguments有与<form>元素名相同的时候,获取值时action=”currentPage.xxx?arguments=values&….”值会将<form>的值覆盖，从页得到不正确的值.
例:SpecTop.asp 页面是表单要提交的页面,且有从上级页面传递过来参数
action=""真正提交时的页面:SpecTop.asp?ClassID=000100200005&SpeID=947&SpeType=3
如果<form>中有<input type=”text” name=”SpeID” value=”1000”/>,提交时得到的值将会是947,而不是1000,而action=”currentPage.xxx”就能得到1000
好了，以上就是关于HTML form标签的action属性的全部介绍了，有问题的可以在下方留言。
-
jQuery的选择器分类都有哪些？
2020-12-18 20:26:31jQuery的选择器分类都有哪些？ 根据所获取页面中元素的不同，可以将jQuery选择器分为四大类：基本选择器、层次选择器、过滤选择器、表单选择器。其中在过滤选择器中又可分为：简单过滤选择器、内容过滤选择器、可见... -
vue2.0内部都有哪些内部指令
2018-11-15 14:56:37v-model：用于表单控件中。 v-if/v-else/v-show：主要用于根据条件展示对应的模板内容。 v-for：用于模板渲染。 v-on：用于事件绑定。 v-text：参数为string，作用是更新元素的textContent。与{{}}其实是差不多的，... -
浏览器请求后台服务时，都有哪些参数传递方法
2018-04-14 11:28:39注意：表单元素隐藏按钮的使用 方式二：带参数的url方式传递 带参数的url写法： url?参数名1=值1&参数名2=值2。 方式三：请求request对象 可以将数据绑定到request对象上，通过request对象getAttribute... -
内联元素和块级元素的区别
2013-01-23 11:32:001、先来介绍一下内联元素和块级元素都有哪些： 块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级 * dl - 定义列表 * ... -
HTML表单系列总结
2020-02-10 12:53:001什么是表单元素？表单元素的工作原理？ 表单的作用是从客户端收集的数据交给服务器进行处理 ...2都有哪些表单元素 《form》 表单元素：文本域：text 单选框：radio 多选：box 按钮：button submit(提交) reset（... -
Selenium自动化测试之学会元素定位
2018-07-25 21:08:00什么样式的元素，有哪些属性，是否有表单嵌套，都尝试了哪些定位方法。。。而且没几个提问者能事先详细的说明这些。哪儿像提bug一样描述重现步骤，而且每一步都截图，生怕开发重现不了。反正，向我提问者没见过这样... -
使用HTML全局事件的一些功能,HTML元素,JS
2016-02-04 22:20:05HTML全局事件作为启动HTML页面动作的主要方面，一般都是一些... 那么哪些HTML元素会用到HTML全局事件呢，一般是按钮，表单元素，列表等。 那么哪些JS会用到HTML全局事件呢，一般是点击类的onclick, onload, onblur -
uniapp 表单提交图片跟其他填写数据_高效易用的表单设计指南
2020-12-10 08:25:59结合最近的读书笔记和自己的工作经历探讨一下表单设计中的一二常见的登陆页也是表单如何定义表单，表单的构成元素有哪些表单无处不在，表单主宰者我们生活中涉及到信息输入的一切，表单在互联网产品中有着十分重要的... -
1-17. Bootstrap 表单样式汇总
2019-01-13 16:21:09Bootstrap中表单布局类型有哪些？ 垂直表单 内联表单 水平表单 向父 <form> 元素添加 role="form" 把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。 向所有... -
react学习之key与表单
2019-05-24 19:53:41在react的数组中，你必须要保证下面的这点，那就是你们数组的每一项都必须有个key值，因为键帮助React识别哪些项已经更改、添加或删除。数组内的元素必须有键，以确保元素有一个稳定的标识。 在这个例子中，我们... -
从浅入深剖析angular表单验证
2016-07-03 15:47:00最近手上维护的组件剩下的BUG都是表单验证，...入门之前，我觉得应该先了解angular内置的表单验证有哪些: 1,必填项 验证某个表单是否已经填写，只要在元素上标记required即可: <input type="text" required&g... -
layui表单验证 && 内置自定义规则 - 使用说明
2019-01-24 16:06:26关于 layui表单的验证规则、调用、自定义...验证表单对象 · 都有哪些？ 如何调用规则和验证？ 如下表所示： 验证表单对象 / 元素 部分重要验证规则的设定 代码调用实例（参考下文的代码实例） 其他注解说明 ... -
readonly和disabled属性的区别
2021-01-19 19:08:19在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为”不可用”状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。... -
标签的readonly和disabled属性的区别
2018-03-01 16:31:00在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为"不可用"状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。... -
java面试之前端部分（面试必看）
2019-10-14 09:00:04面试是进入一家公司的门槛，每一个求职者都需要经历，但是最苦...2.常见的表单元素有哪些？H5新增了哪些表单元素？3.为什么要进行表单验证？H5新增了哪些关于验证的特性？4.CSS样式优先级是什么？5.CSS基本选择器的... -
理解javascript中的焦点管理
2017-05-10 10:22:00焦点作为javascript中的一个重要功能，基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍焦点元素 到底哪些... 让非表单元素获得焦点也是有办法的... -
javascript中的焦点管理
2017-05-10 11:08:57焦点作为javascript中的一个重要功能，基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍焦点元素 到底哪些... 让非表单元素获得焦点也是有办法的... -
浅谈你必须知道的CSS选择器有那些
2020-07-19 18:11:06怎么才能从结构层次复杂html的结构中，添加需要样式，那么就需要我们的主角选择器来帮你实现，接下来介绍有哪些选择器。 基础选择器(基本选择器) 1. 通用元素选择器(通配符选择器) 书写格式 * {声明块} 该选择器表示... -
百度前端学院-基础学院-第二课
2018-04-25 23:14:00HTML元素标签、属性都是什么概念？ 文档类型是什么概念，起什么作用？...表单标签都有哪些，对应着什么功能，都有哪些属性 ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子 ... -
前端学习第二天
2018-11-21 14:03:35问题 ... HTML元素标签、属性都是什么概念？ 文档类型是什么概念，起什么作用？...表单标签都有哪些，对应着什么功能，都有哪些属性 ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子 解答 HT... -
随笔 - 81, 文章 - 0, 评论 - 5, 引用 - 0 readonly和disabled的区别
2019-09-26 08:44:27在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为"不可用"状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。... -
HTML CSS JS 前端学习记录
2018-05-25 16:21:28HTML是什么，HTML5是什么 答：HTML元素标签、属性都是什么...常用标签都有哪些，都适合用在什么场景表单标签都有哪些，对应着什么功能，都有哪些属性ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子... -
(网页)readonly和disabled的区别(转)
2017-11-14 10:45:00在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为"不可用"状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。...
收藏数
80
精华内容
32