HTML常见标签

HTML(超文本标记语言)

空格: 大于号:> 小于号:< 引号:quot; 特殊字符©:©

(1)注释

(2)一级标题(字体最大)

二级标题

三级标题

四级标题

五级标题

六级标题

(3)

段落

(4)

换行

(5)水平线

(6)斜体

(7)粗体

(8)组合行内元素

(9)原样输出html代码

(10)定义围绕表单中元素的边框

为fieldset标签定义标题

说起来有点抽象举个栗子:

健康信息

身高:

体重:

(11)下拉列表框

注意:一定要有name属性,一定要有value属性

举个栗子:

请选择

1

2

3

(12)文本域

属性:cols 宽度

rows 行数

(13) 定义一张图片

(14)表单

属性:action 填写url值,规定当提交表单时向何处发送表单数据

method 指定get方式还是post方式

(15)超链接

属性:href url值 1)在页面中的一个位置定义了一个目的位置:

目的位置

就会跳到那个目的位置

2) b.html 跳到b页面

3) b.html#B 跳到b页面的B位置

4) 百度

target 1) _blank 在新窗口中打开

2) _self 默认,在相同的框架中打开

3) _parent 在父框架集中打开

4) _top 在整个窗口中打开

5)[framename]在指定的框架中打开

(16)

属性:1) type a. button 可点击的按钮

b. reset 重置按钮

c. submit 提交按钮

d. text 默认值,单行为本

e. password 密码字段

f. hidden 隐藏的输入字段

g. radio 单选

h. checkbox 多选(必须要有name和value值)

i. image 图像作为提交按钮

j. file 上传文件

2) name

3) value a.b.c.定义按钮上显示的文本 d.e.f.定义输入字段的初值 g.h.i.定义与输入相关联的值

注意不适用与type属性为file类型的

4) checked 首次加载时是否被选中

5) size 输入框显示几个可见字符

maxlength 输入框只能输入几个字符(中文也算一个字符)

6) disabled 禁用

readonly 只读

附:Readonly和Disabled的区别:

(1)Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。

(2)在disabled和readonly这两个属性都设置为true的情况下,form属性将不能被编辑。

(3)如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效。而readonly只是针对文本输入框这类可以输入文本的输入项,如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点。

(4)Readonly只针对input(text / password)和textarea有效,而disabled对于html中所有的表单元素都有效,但是在表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交之后,这个元素的值不会被提交,而被设置为readonly的表单元素的值还是会被提交的。 一般比较常用的情况是:

(1)在某个表单中为用户预填了某个唯一识别代码,不允许用户改动,但是在提交时需要传递该值,此时应该将它的属性设置为readonly 。

(2)经常遇到当用户正式提交了表单后需要等待管理员的信息验证,这就不允许用户再更改表单中的数据,而是只能够查看,由于disabled的作用元素范围大,所以此时应该使用disabled,但同时应该注意的是要将submit button也disabled掉,否则只要用户按了这个按钮,如果在数据库操作页面中没有做完整性检测的话,数据库中的值就会被清除。如果说在这种情况下用readonly来代替disabled的话,若表单中只有input(text / password)和textarea元素,那还是可以的,如果存在其他发元素,比如select,用户可以在重新改写值后按回车键进行提交(回车是默认的submit触发按键) 。

(3)我们常常在用户按了提交按钮后,利用javascript将提交按钮disabled掉,这样可以防止网络条件比较差的环境下,用户反复点提交按钮导致数据冗余地存入数据库。

以上内容皆系原创,感谢支持,欢迎关注个人微信公众号:小小一枚NET程序媛(ID:susu_suguixia)坚信代码改变世界!

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180417G1QTRB00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券