html-11.16表单

最新推荐文章于 2024-10-17 15:53:46 发布

疯人院疯疯疯

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量167

点赞数

分类专栏： web 文章标签： html

web 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

表单的介绍
可以获取客户端的信息(数据), 表单有各种各样的控件，输入框、复选框、按钮等。。。
表单的功能：交互功能
工作原理：浏览有表单的页面，填写必要的信息，单击提交按钮
表单分为前台的制作页面，php对数据的处理，添加到数据中，删除数据, 更改数据，查询数据等
表单的结构

	<form 属性="属性值">
		控件
	</form>
表单的属性：
1.	name 表单的识别名称  一个页面有多处表单 通过表单的识别名称来辨认你提交的是那个表单的数据
	<form name="名称"></from>
	<form name="game"></form>
2. action=“XX.php”   对数据进行处理  
	action=“”对表单中的数据处理的程序就是在当前的文档
3. method="get//post"     把表单中的数据提交到服务器端的方法 传递数据的方法
	get 方法  默认的一种传递数据的方法
		通过地址来传递表单中的数据
		特点：
			不能传递敏感的数据，密码
			不能传递大量的数据（地址栏有限）每次只能传递1024字节
			不能上传附件
	post方法，直接把数据传给文件处理程序
		- 相对安全
		-  可以传递海量的数据
		- 能上传附件

控件
单行文本框(单标签、行内元素)

语法：<input type="text" />

属性：name单行文本框的识别名称，是把输入框中的数据，提交到文件的数据处理程序， name的取值可以自定义，命名规则（开头字母或下划线，后面可以是字母数字下划线）name=“username”
输入框的属性：
size=“数值” 输入框的宽度，是以字符为单位
maxlength=“数值” 最多允许输入的字符数，如果超出范围，输入不进去
minlength
value=“内容” 设置输入框的初始值，在输入框中默认的数据信息

用户名：<input type="text" name="all" size="20" maxlength="15" minlength="8" value="请输入用户名">

密码框

语法：<input type="password" />

属性：
name密码框的识别名称
size 密码框的宽度，以字符为单位
maxlength 允许输入的字符数，如果超出范围，不能输入进去
value 密码框的默认初始值
readonly 只读属性，只能选中，不能修改 readonly=“readonly” 只能选中不能更改
disable=“disable” 禁止属性不能选中不能更改

单选按钮

语法：<input type="radio"/>

属性：
name 单选按钮组的识别名称
value 设置初始值必须得写

复选框（多选按钮）

语法：<input type="checkbox" />

属性
name 多选组的识别名称
value 初始值，设置每一项的值
checked 默认被选项 checked=“checked”（推荐）

多行文本框

语法：<textarea></textarea>
<textarea rows="6" cols=“50” name=“content”>  6行 每行50个字符  
</textarea>

属性：
name 多行文本框的识别名称
value 不要出现value ，如果想显示默认的信息在这里输入内容
rows 显示几行内容 rows=“6” 6行
cols 一行显示几个字符 cols=“60” 一行显示60个字符

下拉列表

语法：<select>
				<option>给客户看的内容</option>
				<option>给客户看的内容</option>
				...
	       </select>

属性：
name 下拉列表选定的名称
option的属性的 value 可以定义值选中optopn返回 name=value的值代表每一项的初始值

隐藏域
隐藏起来不是给客户看，给程序用

<input type="hidden" name="id1" />

文件域

语法：<input type="file" />

文件域的属性：
name文件域的识别名称
value 不写value，而是通过单击按钮来选择文件，选择的文件就是value中，value是只读属性

按钮*

提交按钮

<input type="submit"  value="按钮上的文字">

重置按钮

<input type="reset" value="按钮上的文字">

恢复到默认设置的状态
普通按钮

<input type="button" value="按钮上的文字" onclick="点击结合javascript 功能"/>  本身没有任何功能，结合程序有功能

图片按钮（属于提交按钮的一种）

<input tupe="image" src="图片的地址" value="按钮上的文字 可有可无">

xhtml(可扩展的超文本标记语言)---------取代html， pc机----当今面向的移动端设备

xhtml 语法要比html严格
xhtml 输入的标签和属性必须是小写
xhtml 但标签后必须加 /  例如<br />
xhtml 属性必须用""双引号
xhtml必须有dtd声明（document type definition） 文档类型定义
dtd（document type definition） 文档类型定义， 是一种验证机制，检验输入的xhtml是否符合规范
dtd的分类
	过渡型 xhtml-transitional：允许使用表现的标签和属性 
					<b> <i>  <font color="red" <table bordercolor="red">
					<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
	严格型strict： 不允许使用表现的标签和属性 
	          <b>  <strong> <u>   <table width="300">  必须使用的是css样式
	          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
	框架型xhtml-frameset：给框架用（兼容性差 不怎么用）
	 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd">
	可以通过该网站地址测试dtd声明   http://www.w3.org