HTML 表单和iframe

最新推荐文章于 2023-01-04 22:35:08 发布

1YW0o

最新推荐文章于 2023-01-04 22:35:08 发布

阅读量189

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/SK1ng/article/details/118874979

版权

本文详细介绍了HTML中的表单及其组件，包括搜索框、登录框、文件上传等，阐述了表单的交互方式、读写执行以及各项属性。同时讲解了iframe的基本概念，如何在页面中嵌入其他页面，并列举了iframe的重要属性如src、width、height等。

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

HTML 表单

什么是表单

搜索框
登录框
文件上传
注册
留言板

用户：向服务器提交信息（写）

服务器：搜集用户信息

标签：<form> </form>

交互

双向交流——用户与服务器

读写执行

读取获取信息

写入发出信息

属性

表单本身是一个框架，表单里会有很多控件（属性）

action：数据提交到服务器的url，如果为空，提交到当前页面，也可以采用绝对路径和相对路径的形式

method：提交方法

get ：提交方法默认值，显示提交，通过url，url长度有限制
post：通过向服务器传输数据（如上传文件，http报文）

enctype：什么样的数据可以被提交

application/x-www-form-urlencoded 默认值，特殊字符可以提交
multipart/form-data 上传文件时,必须要写

target：表单响应方式

_blank：显示在新选项卡
_self：默认值，显示在当前窗口
framename：显示在命名的iframe中

元素

<!-- input元素和type属性 -->
<input type=“属性” />  单标签
password  密码框 <!-- 并不安全，通过浏览器的管理控制台将password改成text即可看见被隐藏的密码 -->
text    文本框
radio   单选框
checkbox  复选框
reset   重置按钮
file    文件域
hidden   隐藏内容
submit   提交

<!-- 下拉列表 -->
<select>
	<options></options> <!-- 选项 -->
 	……
    <options></options>
</select>
    
<!-- 文本域：定义多行输入字段 -->
<textarea>文本</textarea>
可以输入回车换行符

<!-- 按钮 -->
<button></button>

html源码

<html>
	<head>
		<title>表单</title>
		<meta charset="utf-8">
	</head>
	<body>
		<h1>用户注册页面</h1>
		<form action="#" method=

最低0.47元/天解锁文章

1YW0o

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML 表单和iframe

HTML 表单什么是表单搜索框登录框文件上传注册留言板用户：向服务器提交信息（写）服务器：搜集用户信息标签：<form> </form>交互双向交流——用户与服务器读写执行读取获取信息写入发出信息属性表单本身是一个框架，表单里会有很多控件（属性）action：数据提交到服务器的url，如果为空，提交到当前页面，也可以采用绝对路径和相对路径的形式method：提交方法get ：提交方法默认值，显示提交，通过url，url长度有限制
复制链接

扫一扫