HTML基础知识点总结四

最新推荐文章于 2023-08-17 16:36:20 发布

画_船_听_雨

最新推荐文章于 2023-08-17 16:36:20 发布

阅读量333

点赞数 1

分类专栏：基础文章标签： html

本文链接：https://blog.csdn.net/weixin_52192654/article/details/109529964

版权

本文总结了HTML中的关键知识点，包括表单的使用，如表单元素、上传文件时的设定；探讨了框架元素，如frameset和frame的属性及应用；并介绍了<div>和<span>的区别，以及块级元素和行内元素的概念。同时，提供了注册表和百度搜索界面的实践练习。

摘要由CSDN通过智能技术生成

HTML_4

一、html中的表单

1. <form></form>--表示一个表单【通常是用来采集信息之后提交给后台处理程序用的】

2. action属性-----后台处理程序的访问路径。

3. method属性---当前表单数据提交给后台处理程序的提交方式

【get{默认}/post】

当表单中需要上传文件时表单的提交方式一定是post

4.enctype属性----规定在将表单数据发送到后台处理程序之前如何对其进行编码

注意：只有 method="post" 时才使用 enctype 属性。

application/x-www-form-urlencoded	默认。在发送前对所有字符进行编码（将空格转换为 "+" 符号，特殊字符转换为 ASCII HEX 值）。
multipart/form-data	不对字符编码。当使用有文件上传控件的表单时，该值是必需的。
text/plain	将空格转换为 "+" 符号，但不编码特殊字符。

当表单中需要上传文件时

设置表单的method属性=post
设置enctype属性
enctype属性一定是multipart/form-data

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
	</head>
	<body>
		<form action="后台处理程序的访问路径" 
method="post" enctype="multipart/form-data">
			<input type="file" name="myfile"/>
		</form>
	</body>
</html>

二、表单元素

名称	表现形式	注意
文本框	<input type="text" name="wenbenkuang" value="默认值"/>
密码框	<input type="password" name="mimakuang" value="123456"/>
单选按钮	<input type="radio" name="sex" value="nan" checked="checked"/>男	有多个单选按钮时，为了保证每次只能选一个，要求name属性值要相同。 “男”给用户看的，value表提交到后台的数据值。 checked="checked"设置默认被选中。
复选框	<input type="checkbox" name="fuxuankaung" value="book" checked="checked"/>看书	有多个复选框时,要求name属性值要相同. “看书”给用户看的，value值提交到后台的数据值。 checked="checked"设置默认被选中。
日期框	<input type="date" name="riqikaung" />
文件	<input type="file" name="filekaung"/>
隐藏域	<input type="hidden" name="hiddenkaung" value="111111"/>	value="111111"提交给后台处理程序的数据值
下拉列表	<select name="xialaleibiao"> <option value="sx">陕西省</

最低0.47元/天解锁文章

画_船_听_雨

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
HTML基础知识点总结四

HTML_4一、html中的表单 1. <form></form>--表示一个表单【通常是用来采集信息之后提交给后台处理程序用的】注册、登陆、完善个人信息等等都是用表单来完成。 2. action属性-----后台处理程序的访问路径。 3. method属性---当前表单数据提交给后台处理程序的提交方式【get{默认}/post】...
复制链接

扫一扫