2020-03-08

一、列表

1.无序列表ul li

2.有序列表ol li

3.定义列表dl dt

dl.ul.ol<之间可以互相嵌套>

二、表格标签

<table></table>

  表格标签,由于在效果中定义一个表格

  border设置边框粗细

  width设置表格宽度

<td></td>

  表格的行标签,用于定义一个表格行

<td></td>

  表给的单元个标签

<th></th>表格的表头单元格标签,用于在效果中定义一个表格行中的表头单元

  格<th>和<td>唯一区别;<th>内容居中加粗

三、内联与块标签

<span></span>

内联标签,一行上定义多个元素,进行内容显示有多少内容,

就会占用多大空间span不会自动换行<div><div>块标签

,一行上定义一个块,默认占满一行,进行内容显示适用于大量数据展示,

或者用来布局

四、表单标签

<form></form>

用于在效果中定义一个表单

作用:用于提交用户填写的数据,提交给服务器的程序

文本框供用户输入,类似Java的Scanneraction:

将数据提交到何处默认提交到本页本机内网路径:

相对路径:常用绝对路径:常用

绝对路径:不建议使用

五、输入项标签

<input />

标签表单输入项标签之一,用户可以在该标签上,通过填写和选择,进行数据的输入

type:设置该标签的种类

text:文本框,默认

password:密码框,内容非明文

radio:单选框,在同一组内有单选效果

chechbox:复选框,在同一组内有复选效果

submit:提交按钮,用于控制表单提交数据

reset:重置按钮,用于将表单输入项恢复到默认状态

file:附件框,用于文件上传

hidden:隐藏域,一般用作提交服务器需要拿到,但用户不需要看到的数据

button:普通按钮,需要和JS事件一起用

name:单选框、复选框进行数据的分组、设置该标签对应的参数名。要提交数据给后台,必须写

namevalue:设置该标签对应的参数值/作为按钮的名字

checked:设置单选框/复选框的默认选中状态

readonly:设置该标签的参数值只读,用户无法手动更改,数据是可以正常提交

六、表单点击提交按钮,提交数据时

url?参数列表

参数列表格式:

参数1=参数值&参数2=参数值&参数3=参数值......

?gender=on on表示选中

?gender=male&age=18.....

七、选择框标签

<select></select>标签,定义一个下拉选择框

name:设置该标签对应的参数名

multiple:设置选项全部显示,并且可以进行多选提交,不写此属性默认为单选

<option></option>标签,选项标签,为一个选择框添加一个选项

value:设置需要提交的参数值

selected:设置选项的默认选中状态

八、文本域标签

<textarea></textarea>标签

文本域,多行文本框

name:设置该标签对应的参数名

文本域和文本框区别:

1、文本框不能换行,文本域可以

2、文本框参数值是value属性,文本域参数值是标签的内容体

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容