第九章使用表单

最新推荐文章于 2022-01-08 22:22:43 发布

Bears9

最新推荐文章于 2022-01-08 22:22:43 发布

阅读量513

点赞数

分类专栏： HTML 文章标签： HTML使用表单

本文链接：https://blog.csdn.net/DaDaguai001/article/details/97389088

版权

HTML 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

使用表单

<html>
<head>
	<title></title>
</head>
<body>
</body>
</html>

.1表单标记

<form action="表单的处理程序" name="表单名称"></form><!--表单名称中不能包含空格 这个不是必要的属性，但是为了防止表单提交到后台处理程序时出现混乱-->
<form action="表单程序处理地址" method="传送方法" name="表单名称"></form>
<!--传送方法的值只有get和post两种 有异同-->


<form enctype="编码方式"></form>
<!--有两种取值 application/x-www-form-urlencoded    默认的编码方式-->
<!--           multipart/form-data    MIME编码,上传文件的表单必须选择该项-->


<form target="目标窗口的打开方式"> </form>
<!-- 方式  _blank  _parent _self _top -->

.2插入表单对象
各种选择框，输入框，文字字段，单选按钮，复选按钮，菜单，列表以及按钮

.2.1文字字段text

<input name="控件名称" type="text" value="文字字段的默认取值" size="控件的长度" maxlength="最长字符数"/>

.2.2密码域password
<input name="控件名称" type="text" value="文字字段的默认取值" size="控件的长度" maxlength="最长字符数" value=""/>

.2.3单选按钮radio
<input name="单选按钮名称" type="radio" value="单选按钮的取值" checked>
如下例，二选一
<html>
<head>
	<title></title>
</head>
<body>
	<form>
	    男  :
		<input name="单选按钮名称" type="radio" value="radiobutton">
		女
		<input name="单选按钮名称" type="radio" value="radiobutton">
	</form>
</body>
</html>
<!-- 如果只有一个按钮可以设置为checked-->

.2.4复选框check

从二选一变成了多选多

<input name="复选框" type="checkbox" value="复选框的取值" checked />
        例子:
		
		<input name="checkbox1" type="checkbox" value="checkbox" checked="checked"/><!--默认被选中 -->
		游泳
		<input name="checkbox2" type="checkbox" value="check" />
		乒乓球

.2.5普通button

提交页面，清除内容等经常使用
<input type="submit" name="按钮名称" value="按钮的取值" onclick="处理程序">
如例
<input name="submit" type="submit" value="关闭窗口" onclick="window.close()" />

.2.6提交按钮

特殊的按钮，单击可以实现表单内容的提交
<input type="submit" name="按钮名称" value="按钮的取值" />

.2.7重置按钮reset

重置按钮用来清理用户在页面中输入的信息
<input type="reset" name="按钮名称" value="按钮的取值" />

.2.8图像域image

使用一幅图像作为按钮，改变外观
<input name="图像域名称" type="image" src="图像路径" />

.2.9隐藏域hidden

隐藏一些数据，用户不可见，自己可见。
<!--本身无功能，只美化，需要配合js事件？？ --><!-- ----------------------------------------------------------------------->
<input name="隐藏域名称" type="hidden" value="隐藏域的取值" />

.2.10文件域file

上传文件经常使用，用于查找硬盘中的文件路径，然后通过表单将选中的文件上传，在上传图像时也经常使用。
<input name="文件域名称" type="file" size="控件的长度" maxlength="最长字符数长度" />


.3菜单和列表

.3.1下拉菜单

节省页面空间
<select name="下拉菜单名称">
<option value="选项值" selected><!--选项显示内容 selected表示默认选中-->
...内容
</option>
</select>

.3.2列表项

页面中列表项可以显示出几条信息，超出的话，在列表项右侧会出现滚动条，拖动滚动条可以看见所有选项
<select name="列选项名称" size="显示的列表项数" multiple>
<option value="选项值" selected><!--选项显示内容 selected表示默认选中-->
...内容
</option>
</select>

.4文本域标记texttarea

一个大的输入框
<textarea name="文本域名称" cols="列数" rows="行数"></textarea>

.5id标记

用于标示一个唯一的元素，可以是字段，密码域，也可以是其他的表单元素，也可以是一幅画，一个表格
<id="元素的标识名"/>一般放在input里面，因此命名规则

.6创建表单实例

Bears9

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第九章使用表单

使用表单<html><head> <title></title></head><body></body></html>.1表单标记<form action="表单的处理程序" name="表单名称"></form><!--表单名称中不能包含空格这...
复制链接

扫一扫