0
点赞
收藏
分享

微信扫一扫

第二次网页前端培训(HTML)

钎探穗 2022-02-05 阅读 37
前端html

学习网址

表单标签

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(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;

如需显示小于号,我们必须这样写:&lt; 或 &#60; 或 &#060;

2,不间断空格

HTML 中的常用字符实体是不间断空格(&nbsp;)。

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 &nbsp; 字符实体。

3,结合音标符

发音符号是加到字母上的一个"glyph(字形)"。

一些变音符号, 如 尖音符 (  ̀) 和 抑音符 (  ́) 。

变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间。

变音符号可以与字母、数字字符的组合来使用。

举报

相关推荐

0 条评论