学习网址
一,表单标签
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
<form>
.
input 元素
.
</form>
多数情况下被用到的表单标签是输入标签(<input>)。
输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型有:
1,文本域
文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
2,密码字段
密码字段通过标签<input type="password">来定义
<form>
Password: <input type="password" name="pwd">
</form>
3,单选按钮
<input type="radio"> 标签定义了表单单选框选项
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
4,提交按钮
<input type="submit"> 定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
from标签
表单标签,块级元素,会自动换行
将数据传输给服务器
常用属性:
action 表单提交的地址
id 唯一标识
name 名称
target 表单提交的打开方式
method 提交方式
get请求
参数会直接跟在url的后面,用问号拼接
安全性差,传递的数据量小,效率高(是post)的两倍
post请求
参数不会跟url地址后面,会放在请求中
安全性高,传输量大,速度相对来说满,无缓存
-->
<from action="#" methon="get" id="myform">
<!--
表单元素需要设置name属性值,否则数值无法传递
input元素
type 表单元素的类型
text 文本框
radio 密码框
checkbox 单选框(需要设置一组相同的属性值)
button 复选框(需要设置一组相同的属性值)
hidden 隐藏框(用来存放需要传递给服务器,但不需要显示的数据)
file 文件域(上传文件)
date 日期框
submit 提交按钮
reset 重置按钮
image 图片按钮(提交按钮)
value 表单元素的值
check 是否选中(单选框,复选框)
disabled 是否禁用
maxlength 允许输入的最大字符
-->
<input type="submit" />
</from>
</body>
</html>
二,字符实体
1,HTML实体
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:
&entity_name;
或
&#entity_number;
如需显示小于号,我们必须这样写:< 或 < 或 <
2,不间断空格
HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。
3,结合音标符
发音符号是加到字母上的一个"glyph(字形)"。
一些变音符号, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。
变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间。
变音符号可以与字母、数字字符的组合来使用。