Html 4 表单使用 框架使用

最新推荐文章于 2022-03-06 10:49:30 发布
最新推荐文章于 2022-03-06 10:49:30 发布
阅读量157 收藏
点赞数
分类专栏： Html 语法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011644138/article/details/106878686
版权

1. 表单是什么

        进行交互，向服务器发送数据

         格式：<form>         </form>

2. 表单用法

1. 文本和密码输入框，文本输入框的一些属性

      input输入，     输入的类型 type=“text”文本输入password密码输入，     name 变量名，       maxlength 最大长度，   placeholder 默认文本提示         value：默认值   form 表单

3. 单选按钮

      单选的输入类型 type=“radio”         默认类型checked=“true” 写在哪个单选哪个就是默认的

      如果不加<td></td> 那么就是在一个表单。比较好看点，不然会随着表单位置大小分配

4. 多选按钮

       多选 type=“checkbox”    变量name    默认值value

5. 提交，重置 普通按钮

      提交按钮：colspan=“2” align  input type=“submit" 如果没有设置提交路径，那么会提交到当前页面。

     重置按钮： input type="reset"  

     普通按钮：type=“button”

     图片提交按钮：<input type="image" src="register.png" />

     隐藏控件：<input type="hidden" name="id" value="100"/>

6. 下拉列表

       设置下拉列表的可以看到的数量  size ="2"   可以多行multiple

       结构 <select name="month" multiple size="6" >   <option value="1">1月</option>     </select>

7. 文本域

       

8. 表单属性  提交数据方式

       action=“提交信息到表的连接”

       发送方式：method=“post”     get 方式不安全，post 比较安全

       enctype=“value”  有三种方式。第一种application 表单常用，form-data 上传文件专用

     <form action=“连接” method=“post”  >                         </form>

9. 文件上传

        <input type="file" name="resume"/>

 

<!DOCTYPE html>                                
<html>
    <head>
        <title>我是标题</title>
        <meta http-equiv="content=Type" content="text/html;charset=utf-8"/>    //设置中文

    </head>
    <body>
    我是内容                 <br/>        
    </body>            
    <hr/>                                
<form action="表.html" method="get" name= "registerform">
<input type="hidden" name="id" value="100"/>
<table>
<tr><td>账号</td><td><input type="text" name="username" maxlength="6" placeholder="请输入你的用户名" value="123456"></td></tr>
<tr><td>密码</td><td><input type="password" name="password" placeholder="请输入你的密码" > </td></tr>
<tr><td>确认密码</td><td><input type="password" name="repassword" placeholder="请输入你的密码" > </td></tr>
<tr><td>性别</td><td>男<input type="radio" name="sex" />女<input type="radio" name="sex" /></td></tr>
<tr><td>爱好</td><td>游泳<input type="checkbox" name="hobby" value=1 />旅游<input type="checkbox" name="hobby" value=1 />游泳<input type="checkbox" name="hobby" value=1 />旅游<input type="checkbox" name="hobby" value=1 /></td></tr>
<tr><td colspan="2" align="center"><input type="submit" name ="reset" value="设置为默认值"><input type="submit" name ="register" value="注册" ><input type="button" name ="register" value="注册" ></td></tr>
<tr><td colspan ="2" align="center"> <input type="image" src="register.png" /></td></tr>

<tr>
<td>生日</td><td>
<select name="month" multiple size="6" >
<option value="1">1月</option>
<option value="1">2月</option>
<option value="1">3月</option>
<option value="1">4月</option>
<option value="1">5月</option>
<option value="1" selected >6月</option>
<option value="1">7月</option>
<option value="1">8月</option>
<option value="1">9月</option>
</select>
<select name="day">
<option>1日</option>
<option>2日</option>
<option>3日</option>
<option>4日</option>
<option>5日</option>
</select>

<tr>
	<td> 交友宣言</td><td><textarea name ="交友宣言" rows="10" cols="50" placeholder="可以说一下你的交友宣言" ></textarea></td>
</tr>
<tr>
	<td><input type="file" name="resume"/></td>
</tr>



</table>

<form>
</html>

 

框架使用

10. 切分网页

        水平切分：rows=""

        垂直切分：cols=""

<html>
	<frameset rows="25%,*"> 
		<frame src="frame1.html" name="top" />
		<frameset cols="25%,*"	>
			<frame src="frame2.html" name="left" />
			<frame src="frame3.html"  name="right" />
		</frameset>
	</frameset>
</html>

11. 框架实现后台管理布局 

     框架后台管理系统，点击指定窗口跳转内容。target  可以设置为空 ，或者当前页面。或者指定位置。如下

<a href= "表.html" target="right">商品管理</a>

     

 

 

 

 

 

 

 

 

 

 

漫步星河
关注
专栏目录
html简单通用后台管理框架模板
10-17
很不错的后台管理界面。。。。。。。。。。。。。。。。
HTML 表单标记1
qq_60212533的博客
10-17 1097
前言 一、p...表单标记 二、表单输入标记 三、....下拉列表 在登陆页面中网站会提供给用户用户名和密码框，以供访客输入信息。这里的用户名文本框与密码文本框就属于HTML中的表单元素。表单在HTML中起着非常重要的作用，是用户与网页交互信息的重要手段。 一、.....表单标记 表单标记以标记开头，以标记结束。在表单标记中可以定义处理表单数据程序的URL地址等信息。标
HTML的表单标记
sinat_58088248的博客
03-06 4000
一.HTML的表单标记 表单是实现动态网页的一种主要的外在形式，是HTML页面与浏览器端实现交互的重要手段。这里只介绍如何使用HTML的表单标记来设计表单的外表。 表单信息的处理过程为：当单击表单中的“提交”按钮时，在表单中输入的信息就会从客户端的浏览器上传到服务器中，然后由服务器中的有关表单处理程序（ASP，CGI等程序）进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器中，这样网页就具有了交互性。这里只介绍如何使用HTML的表单标记来设计...
HTML输入类型（number、date、month、range、week等）
WangaWen1229的博客
07-19 2222
1、HTML5 输入类型 HTML5 增加了多个新的输入类型： color date datetime datetime-local email month number range search tel time url week 注释：老式 web 浏览器不支持的输入类型，会被视为输入类型 text。 2.输入类型：number <input type="number"> 用于应该包含数字值的输入字段。能够对数字做出限制。 <form> Quantity (between 1
HTML基本知识点——表单和表单元素标记
风飘向太阳
04-12 7559
表单   表单的作用是从访问您的Web站点的用户那里获取信息，访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息，然后单击某个按钮提交这些信息。 是客户端与服务器端进行信息交流的途径。 l  Form标记用于创建一个表单，定义表单的开始于结束，它是一个容器，用于包含其它表单元素，例如文本框复选框等。表单元素必须放在form中才能起作用。 l  表单元素 l  Po
HTML表单和框架PPT课件.ppt
最新发布
11-24
HTML表单和框架PPT课件 本资源为HTML表单和框架PPT课件，主要讲解HTML表单和框架的概念、结构、元素、应用等方面的知识。 HTML表单是Web开发中非常重要的组成部分，它允许用户输入数据并将其发送到服务器端进行...
HTML 学习总结2 框架 表单
01-08
在本文中，我们将深入探讨HTML中的框架（frames）和表单（forms）。 首先，我们关注框架。框架是HTML5之前的一个特性，用于将一个网页分割成多个独立的区域，每个区域可以加载不同的网页内容。框架通过`<frameset>`...
Flask框架学习笔记之使用Flask实现表单开发详解
01-01
本文实例讲述了使用Flask实现表单开发。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Title</title> </head> ...
yii框架表单模型使用及以数组形式提交表单数据示例
10-26
这通过在HTML表单元素的name属性中使用方括号（[]）来实现。这种方式允许以数组的形式提交数据，非常适合提交关联数组或索引数组。当提交表单时，服务器端的PHP脚本可以使用`$_POST['数组名']`来获取提交的数据数组...
关于html中表单<form>标记的介绍
糖小喵
03-09 6332
表单在Web网页中用以让访问者输入数据，当提交表单时，表单中输入的数据被打包传递给Web服务器端的程序以处理，从而使得Web服务器与用户之间具有交互功能。 首先我们来说说关于表单的工作机制，浏览器将用户在表单中输入的数据进行打包，并发送给服务器-->服务器接收数据并转由程序处理-->访问一个包含表单的页面，输入数据后，“提交”表单。 在HTML文档中，标记对用来定义表单的开始和结束
HTML--后台管理系统
热门推荐
Juunnry的博客
10-23 2万+
后台管理系统 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;后台管理&lt;/title&gt; &lt;/head&gt; &lt;frameset rows="150,*" &gt;
案例六：网站注册页面—HTML表单标签
小强博客
01-16 1185
笔记知识 表单一定要用form标签包起来，否则不具备提交等功能 表单标签：所有需要提交到服务器端的表单项必须使用&amp;amp;lt;form&amp;amp;gt;&amp;amp;lt;/form&amp;amp;gt;括起来！ form 标签属性： action,整个表单提交的位置(可以是一个页面，也可以是一个后台 java 代码) method,表单提交的方式(get/post/delete……等 7 种) 文本输入项 &amp;amp;lt;
表单标签概述及详解
qq_40208605的博客
04-04 4310
1.1表单标签概述1.1.1什么是表单标签 我们去银行办理一些业务的时候，我们通常需要填写一些纸质单据，而如果我们在网页中需要填写一些单据呢？我们可以通过HTML的表单来实现。例如： 1.2表单标签详解1.2.1输入项标签 <input/>标签 表单输入项标签之一，用户可以在该标签上 通过填写和选择 进行数据的输入。 Ø type:设置该标签的种类 ü text...
HTML表单input类型有哪些,HTML表单之input元素的23种type类型
weixin_36411269的博客
06-10 2807
摘自：http://www.cnblogs.com/xiaohuochai/p/5179909.html了解HTML表单之input元素的23种type类型随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，...
HTML学习笔记--表单标记
yezi33的专栏
05-04 2336
表单是网页上的一个特定区域。这个区域是由一对标记定义的。这一步有几方面的作用。第一方面，限定表单的范围。其它的表单对象，都要插入到表单之中。单击提交按纽时，提交的也是表单范围之内的内容。第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置、提交表单的方法等。 基本语法 ……
HTML语言中表单标记,HTML语言剖析(九)表单标记
weixin_28862113的博客
05-30 305
称为表单标记，用以宣告此为表单模式，属于一个容器标记，表示其它表单标记需要在它的包围中才有效，便是其中的一个，用以设定各种输入资料的方法。它 是一个空标记。 的参数设定(常用)：例如： action="http://your.isp.com/cgi-local/example.cgi"表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才...
HTML的常用标记（表单）
fighting123678的博客
12-03 3476
一、表单形式 http://www.w3school.com.cn/html/html_form_input_types.asp 1、 impute：http://www.w3school.com.cn/html/html_form_input_types.asp <br> 标签是空标签，可插入一个简单的换行符。 2、text输入类型 http://www.w3sch...
HTML——表单框架的基本制作
beishanqiye的博客
09-27 546
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单form</title> </head> <body> <!--表单form action：表单提交的位置，可以是网站，也可以是一个请求处理地址 method：post、get 提交方式 get方式提交：我们可以在url（就是输入网站的位.
白小军教授详解HTML表单与框架：实例与应用
本PPT课件由西安工业大学计算机学院的白小军主讲，专注于HTML表单和框架的相关教学。课程的主要目标包括： 1. 掌握表单的基本结构和制作方法，学会如何设计和实现一个完整的注册页面，理解表单的提交方式，区分GET...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值