HTML续
form
- action：指定提交地址
- method：提交方法，get和post等
- enctype：指定编码类型
- 平时可以不用设置，上传文件时需要设置为multipart/form-data
input
- name：指定名字
- 若不写名字，该文本框对应的数据不会被提交(因为即使提交到服务器也没有意义)
- name的值将作为一个参数的名字，input的值将作为参数的值
- value：文本框的内容
- placeholder：占位内容，通常用于提示用户
- readonly：只读，无法修改
- disabled：非使能，禁用
- size：设置尺寸，只有宽度
- maxlength：最大输入字符数
- type：指定类型
- text：普通文本，默认类型
- password：密文输入
- submit：提交按钮
- radio：单选框，多个选项的name属性要一致，因为无法输入内容所以必须指定value属性
- 结果label标签及自己的id属性可以实现点击优化的效果
- checkbox：多选框，多个选项的name属性要一致
- 单选或多选，默认选中使用属性checked
- file：上传文件使用，必须做配套设置
- form：必须是post请求，enctype属性需要设置为multipart/form-data
select
- 说明：下拉选择框
- 属性：
- size：显示多少个选项
- multiple：多选
- 选项是option标签
- value：对应的值
- selected：默认选中
textarea
- 说明：输入一段文本(可以是多行)
- 属性
- cols：设置宽度
- rows：设置高度(多少行)
- 注意：不要在文本域中输入任何多余的内容
提交相关
- input，type="submit"，标准的提交按钮，可以将该按钮的值提交
- button标签，可以完成表单提交，但是不能提交该按钮的值
- input，type="button"，长的像按钮，但是不能提交，可以结合js使用
表单使用说明：
- 需要提交的内容必须放在form标签中，否则无法提交
- 任何标签都可以放在form标签中，但是只能提交特定的标签内容
- 提交的标签必须有name属性，单选和多选对应的name属性要一致
- 上传文件时，form必须设置两个属性，method必须是post，enctype必须是multipart/form-data
- 无法输入的提交选项，必须要知道value，value值尽可能简单
head标签
-
说明：用于存放对网页进行说明的一些内容，不会显示在网页中
-
内容：
<!--网页的标题--> <title>head标签使用</title> <!--简化的方式指定字符集--> <meta charset="utf-8" /> <!--设置关键字--> <meta name="keywords" content="python,java,h5,php,ui" > <!--设置描述--> <meta name="description" content="python,java,h5,php,ui" /> <!--指定文档类型及字符集--> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <!--延时刷新,不指定url刷新当前页面，指定后刷新指定页面--> <meta http-equiv="refresh" content="3; url=http://www.baidu.com" /> <!--加载CSS文件--> <link rel="stylesheet" type="text/css" href="css文件路径" />
无意义标签
- 说明：虽然没有意义，但是可以将指定的一块内容分割开来，后面可以结合css和js进行使用
- 常用：div、span、header、footer、section
取消的DTD
- 统一使用：
<!DOCTYPE html>
网友评论