精华内容
下载资源
问答
  • 1.表单标记 (1)<form</form定义表单的开始位置和结束位置 (2)基本格式:<form action=”服务器端地址(接受表单内容的地址)” name=”表单名称” method=”post/get” …</form 2.常用属性: (1...

    6月3日笔记
    表单的设计
    1.表单的标记
    (1)<form</form定义表单的开始位置和结束位置
    (2)基本格式:<form action=”服务器端地址(接受表单内容的地址)” name=”表单名称” method=”post/get” …</form
    2.常用属性:
    (1)method属性:
    1.get方式:get方式提交时,会将表单的内容附加在URL地址的后面,所以限制了提交内容的长度,不超过8192个字符,且不具备保密性。
    2.post方式:post方式提交时,将表单中的数据一并包含在表单的主体中,一起传递到服务器中处理,没有大小限制,具备保密性
    (2)action:表单数据的处理程序的URL地址,如果表单中不需要使用action属性也要指定为no.
    (3) enctype属性:设置表单资料的编码方式
    (4) target属性:指定目标窗口
    3. 文本域和密码<input标记
    (1)type属性:1.text:表示文本输入域
    2.password:表示一个密码输入域
    (2)name属性:定义控件的名称
    (3)value属性:初始化值,打开浏览器时,文本框的内容
    (4)size属性:设置控件长度
    (5)maxlenght属性:输入框中允许输入最大字符数
    4. 提交、重置、普通按钮
    (1)当<input type=”submit”时,为提交按钮
    (2)当<input type=”reset”时,为重置按钮
    (3)当<input type=”button”时,为提交按钮
    5. 单选框和复选框
    (1)当<input type=”radio”时,为单选按钮
    (2)当<input type=”checkbox”时,为复选按钮
    注意:单选按钮和复选按钮可以使用”checked”属性来设置默认选中项
    5.隐藏域:当<type=”hidden”时,为隐藏表单域
    6.多行文本:
    (1)用法:使用<textarea标记可以实现一个,能够输入多行文本区域
    (2)语法格式:<textarea name=”” rows=”” cols=”” value=””》…</textarea
    (3)Rows和cols分别用来指定显示行数和列数单位是字符个数
    7.菜单下拉域<select标记
    (1)语法格式:<select name=”” size=”” multiple
    <option value=”” selected》选项一</option
    <option value=””》选项二</option
    <option value=””》选项三</option

    注意:
    以下是一个简单的例子:

    <html>
    <head><title>表单的设计</title></head>
    	<body>
            <form action="文本标记.html" target="_blink">
    		    账号:<input type="text" name="name" value="请输入用户名" size="10" maxlength="11">
    			<br><br>
    			密码:<input type="password" name="password" size="8">
    			<br><br>
    			卟啉:<input type="hidden" name="password" size="8">
    			<br><br>
    			性别:<input type="radio" name="sex" checked>男<input type="radio" name="sex">女
    			<br><br>
    			爱好:<input type="checkbox" name="hobby" checked>篮球<input type="checkbox" name="hobby">羽毛球 
    			<br><br>
    			自我介绍:<br>
    			<textarea name="自我介绍" cols="35" rows="10" value="zhiwojieshao">
    			玉树临风 英俊潇洒 风流倜傥 高大威猛 颜如冠玉 貌比潘安 才比子键 玉树临风 风度翩翩 才高八斗 羽扇纶巾
    			</textarea>
    			<br><br>
    			地址:
    			<select name="dizhi"><!--这里加入multiple可以多选-->
    			<option value="sichuan">四川</option>
    			<option value="beijing">北京</option>
    			<option value="shanghai">上海</option><!--必须要有value才能传出数据-->
    			</select>
    			<br><br>
    			<input type="submit" value="登录">
    			<input type="reset" value="重置">
    			<input type="button" value="按钮">
    		</form>
    	</body>
    </html> 
    

    如果有什么问题请大家指出,毕竟我才刚刚学习前端。很多问题可能没留意到

    展开全文
  • HTML表单标记教程,这节主要讲解如何在网页中使用INPUT标记,主要介绍INPUT标记的属性的使用. 输入标记<input>是表单中最常用的标记之一。常用的文本域、按钮等都使用这个标记。 基本语法 01 <Form> 02 &...
  • 这个标记用来制作多行的文字域,可以在其中输入更...这些属性的含义如下表所示 文字域标记属值 描述 name 文字域的名称 rows 文字域的行数 cols 文字域的列数 value 文字域的默认值 文件范例:11-17.htm 在页面
  • 表单标签基本属性

    千次阅读 2017-12-22 15:40:02
    表单区域是由来定义的 首先来看一段代码: ...标签的属性常用的有: ...该属性表明该表单的发送方式是get(从服务器获取数据)还是post(向服务器传送数据);...该属性表明表单的数据发送给谁,就

    表单区域是由<form></form>来定义的

    首先来看一段代码:

    <form method="get/post" action="url">
    <!-- 文本框 -->
    <input type="text" name="username" required="required">
    <!-- 提交按钮 -->
    <input type="submit" name="information" value="Sublim">
    <!-- 单选按钮 -->
    Star1:<input type="radio" name="star" value="Star1" checked="checked">
    Star2:<input type="radio" name="star" value="Star2">
    Star3:<input type="radio" name="star" value="Star3">
    <!-- 复选按钮 -->
    Province1:<input type="checkbox" name="province" value="Province1">
    Province2:<input type="checkbox" name="province" value="Province2">
    Province3:<input type="checkbox" name="province" value="Province3">
    Province4:<input type="checkbox" name="province" value="Province4">
    </form>
    <form>标签的属性常用的有:

    method="get/post";该属性表明该表单的发送方式是get(从服务器获取数据)还是post(向服务器传送数据);

    action="url";该属性表明表单的数据发送给谁,就是发送给URL=url的地址;


    <input>标签的属性有:

    **注意**:表单得到的信息,必须有数据名和数据内容才能被正确的提交;

    先来看文本框:

    name="username";规定了数据名,再在文本区域中添加信息就可以得到数据名对应的数据值了;

    required="required";将文本输入框规定为必填;如果规定必填而没有填,就会出现提示,如下图所示


    看到底有没有提交成功,可以看地址栏,提交成功后会有对应的数据名和数据值:


    url后面是问号表连接作用;提交后,文本框的name值就会等于我们输入进去的值


    提交按钮主要就是提交的作用了,可以通过改变value的值,来改变按钮上的文字,一般默认是“提交”;


    后面的单选按钮和复选按钮,有一个共同注意的点:

    name="value";相关联的radio的name属性必须相同;相关联的checkbox的name属性也必须相同绑定在一起!!!

    checked="checked";默认选中项;



    展开全文
  • form表单属性

    千次阅读 2019-11-21 17:37:00
    form表单HTML标签、属性属性值: (单行文本输入框) ...(单选框) (多选框) (提交按钮) (重置按钮) 或者按钮(空按钮) ... 1:name=”” form中的name属性主要是对这个form进行标记; 2:m...

    form表单HTML标签、属性、属性值:

    (单行文本输入框)
    

    (密码输入框)
    (单选框)
    (多选框)
    (提交按钮)
    (重置按钮)
    或者按钮(空按钮)

    (下拉框选)
      
    (多行文本框)
    

    (1) 是表单的标签,所有的需要写在form里面才能今
    进行提交;
    1:name=”” form中的name属性主要是对这个form进行标记;
    2:methood=”get/post” 其中 get/post 之间的区别:
    1. get是从服务器上获取数据,post是向服务器传送数据。
    2. get是把参数数据队列加到提交表单的ACTION属性所指的URL
    中,值和表单内各个字段一一对应,在URL中可以看到。post是通
    过HTTP post机制,将表单内各个字段与其内容放置在HTML
    HEADER内一起传送到ACTION属性所指的URL地址。用户看不到
    这个过程。
    3. 对于get方式,服务器端用Request.QueryString获取变量的值,
    对于post方式,服务器端用Request.Form获取提交的数据。
    4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,
    一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中
    为100KB。
    5. get安全性非常低,post安全性较高。但是执行效率却比Post方法
    好。
    3: action=”” action=url用来指定处理提交表单的格式.它可以是一个
    URL地址(提交给程式)或一个电子邮件地址.
    4:enctype=cdata指明用来把表单提交给服务器时(当method值为”post”)
    的互联网媒体形式.这个特性的缺省值是”application/x-www-form-
    urlencoded”
    5:target=”“指定提交的结果文档显示的位置: _blank :在一个新的、
    无名浏览器窗口调入指定的文档; _self :在指向这个目标的元素的相同
    的框架中调入文档; _parent :把文档调入当前框的直接的 frameset
    框中;这个值在当前框没有父框时等价于_self; _top :把文档调入原来
    的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框
    没有你框时的_self.
    (2)type=”text”是定义表单里面的单行文本框;value=”“文本框里默认的文字;size=”“单行文本框的宽度;maxlength=”“单行文本框所能输入的字节;
    (3)type=”password” 定义密码框;
    (4)type=”radio” 单选勾选框;
    (5)type=”checkbox” 多选勾选框;
    (6)type=”submit” 提交按钮;
    (7)type=”reset” 重置按钮;
    (8)type=”button”或者 两种方式都可以实现空按钮;
    (9) 多行文本框,是一个双标签;
    (10)


    下拉菜单属性;

    form表单css3属性、属性值:

    1、表单字段集:

    功能:相当于一方框,在字段集中可以包含文本框包含其他元素,该元素
    用于对表单中元素进行分组,并在文档中区别出文本。fieldset元素可以嵌
    套,在其他内部可以再设置多个fieldset对象。
    2、字段集标题

    功能:legend元素可以再fieldset对象绘制的方框内插入一个标题。legend
    元素必须是fieldset内第一个元素。
    3、表单元素:
    (1)上传文件框
    文本域
    (2)图像域(图片按钮)

    form表单HTML5新增标签、属性、属性值:

    这里写图片描述
    1.email:专门用来输入email地址的文本框,如果该文本框中内容不是email地址格式的,则不允许提交。但它不检查email地址是否存在。提交时可以为空,除非加上了required属性。
    具有multiple属性,它允许在该文本框中输入一串以逗号分隔的email地址。
    这里写图片描述
    2.url:专门用来输入URL地址的文本框。如果该文本框中内容不是URL地址格式的,则不允许提交。
    例:http://www.baidu.com”>

    1. number 和 range
      number 类型是专门用来输入数字的,并且在提交时会检验是否为数字。number 类型有 max、min 和 step 属性。max 是允许的最大值,min 是允许的最小值,step 是间隔。设置了这些属性后,如果手动填入的数字不符合这些属性条件,将不能提交。 range 类型是一个数字滑动条。它与 number 类型功能类似,也有 max、min 和 step 属性,在 Opera 中,可以用左右方向键控制。range 类型自身没有一个明显的“数值”表示当前值,但可以使用 output 输出当前值。
      这里写图片描述
    2. datetime 和 datetime-local
      datetime 类型是用来输入 UTC 日期和时间的文本框,而 datetime-local 类型是用来输入本地日期和时间的。它们与 date 类型的区别是后面多了一个时间框和“UTC”。
      这里写图片描述
    3. month 和 weekmonth 类型是月份选择器,它的值为:年-月,如:2012-01;week 类型是周选择器,它的值为:年-W周数,如:2011-W02。
      这里写图片描述
    4. search
      search 类型的是用来输入搜索关键词的文本框,它与 text 类型在功能都没有太大区别,只在外观上有细微的区别。在 Chrome 10 和 Safari 5 中,当用户输入内容时,输入框右侧会有一个“×”按钮,单击该按钮,将清空输入框内的内容,使用非常方便。
      这里写图片描述
      7.color
      color 类型用来选取颜色,它提供了一个颜色选取器,值为 16 进制符号,如:#ff0000。目前只在 Opera 和 Blackberry 浏览器中支持。
      这里写图片描述
      8.output元素: 定义不同类型的输出,如计算结果的输出,或脚本的输出。
      注:必须从属于某个表单。即,必须将它书写在表单内部,或对它添加form属性。
      0
      100+
      =


      这里写图片描述

    ML 5 不但新增加了表单元素、表单类型,还增加了一些表单属性,同时使用的话,能更好的提高率开发者的工作效率,同时也提高了用户的操作体验。
    1、自动验证
    1)、required
    可以应用在大多数输入元素上,在提交时如果元素内容为空白,则不允许提交,同时显示提示文字。
    2)、pattern
    将属性值设为某个格式的正则表达式,在提交时会检查其内容是否符合给定格式。
    例:

    (3)placeholder属性:文本框处于未输入状态时文本框中显示的输入提示。

    (4)autofocus属性:给文本框、选择框、或者按钮控件加上该属性,当打开页面时,该控件自动获得国标焦点,一个页面只能有一个。

    (5) autocomplete 属性规定输入字段是否应该启用自动完成功能。属性值=on/off
    自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
    注释:autocomplete 属性适用于 ,以及下面的 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
    提示:在某些浏览器中,您可能需要手动启用自动完成功能。

    HTML5增加了大量在提交时对表单及表单元素内容有效性验证的功能

    1、自动验证
    3)、 min、max、step:为包含数字或日期的 input 类型规定限定(约束)
    max: 最大值
    min: 最小值
    step: 数字间隔
    例:
    2、取消验证
    可以对form表单添加novalidate属性,即使form表单中的input添加了required,也将不进行验证

    附:适用form表单的UI状态伪类选择器
    这里写图片描述

    展开全文
  • HTML表单标记教程(2):

    2020-12-12 17:32:09
    本教程介绍FORM表单标记的各种属性在网页设计中的应用. <FORM>标记的NAME属性 基本语法 01 <Form name="Form_name"> 02 …… 03 </Form> 语法解释 通过为表单命名可以控制表单与后台程序之间的...
  • HTML表单标签及表单标签属性

    千次阅读 2020-01-11 19:19:17
    表单标签以及属性介绍 属性介绍: form标签属性 action:请求路径。 method:请求方式。 get:默认值 提交的数据追加在请求路径上。数据格式k/v,追加是使用?连接之后每一对数据使用&连接。 因为请...

    表单标签以及属性介绍 


               属性介绍:
                form标签属性
                        action:请求路径。
                        method:请求方式。

                        get:默认值

    • 提交的数据追加在请求路径上。数据格式k/v,追加是使用?连接之后每一对数据使用&连接。
    • 因为请求路径长度有限,所有GET请求提交的数据有限。

                         post:

    • 提交的数据不再请求路径上追加(及不显示在地址栏上)
    • 提交的数据大小不显示。

                  input标签属性:
                      inpug标签用于获得用户输入信息,type属性值不同,搜集方式不同。最常使用的标签。

                     type属性中的取值

                          text:文本框,单行的输入字段,用户可在其中输入文本,默认宽度为20个字符。

                          password:密码框。

                          radio:单选框。单选框要加上属性name表示是一个组的,属性中的值要一样,这样才会是单选框的效果。如果想自动选中加上属性checked。

                          submit:提交按钮。提交表单,提交到action指定的路径。

                          checkbox复选框。

                          file:文件上传组件,提供"浏览"按下可以选择需要上传的文件。

                          hidden:隐藏字段。数据还会发送给服务器,但浏览器不进行显示。

                          reset:重置按钮。将表单恢复到默认值。

                          image :图形提交按钮,常用于与JavaScript结合使用。

                name属性:

                        如果需要表单数据提交到服务器,必须提供name属性值,服务器通过属性值获得提交数据。

                value属性:

                       设置input标签的默认值。submit和reset为按钮显示数据

                size属性:大小。

                checked属性:单选框和复选框自动选中。

                readonly属性:是否只读。

                disabled属性:是否可用。

                maxlength:允许输入的最大长度。

        下拉标签select

                name属性:发送给服务器的名称。

                multple属性:不写默认单选,取值'multple'表示多选。

                size属性:多选时,可见选项的数目。

            select标签子标签option标签:

                selected:自动勾选当前列表。

                value:发送给服务器的取值。

          文本域标签textarea

               clos属性:文本域的列数。

               rows:文本域的行数

          按钮标签button

                <button type="button|reset|submit">按钮标签一般很少使用,提供"普通|重置|提交"功能,不同的浏览器默认值也不同。
    注意
                    复选框、单选框以及下拉框,其中的属性name不是提交到后台的键值,属性name的作用是分组,表示是一个组的,
                提交的键值是value属性。其他的name属性则是提交到后台的键值

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>表单标签以及表单属性介绍</title>
    	</head>
    	<body>
    		<form action="#" method="get">
    			用户名:<input type="text" name="username" readonly="readonly" value="xxxx" size="" 
    				  maxlength="" placeholder="请输入用户名"/><br/>
    			密码:<input type="text"  name="password"/><br/>
    			确认密码:<input type="text"  name="repassword"/><br/>
    			<!--单选框-->
    			性别:<input type="radio" name="sex" value="男" checked="checked"/>男
    				<input type="radio" name="sex" value="女"/>女<br/>
    			<!--多选框-->
    			爱好:<input type="checkbox" name="hobby" value="篮球" checked="checked"/>篮球
    				<input type="checkbox" name="hobby" value="打电动"/>打电动
    				<input type="checkbox" name/="hobby" value="看电影">看电影<br/>
    			头像:<input type="file" name="file"/><br/>
    			<!--下拉框-->
    			籍贯:<select name="province">
    					<option>--请选择--</option>
    					<option value="上海">上海</option>
    					<option value="北京" selected="selected">北京</option>
    					<option value="广州">广州</option>
    			</select><br/>
    			自我介绍:<textarea anme=""></textarea><br/>
    			提交按钮:<input type="submit" value="提交注册"/><br/>
    			普通按钮:<input type="button" value="提交" /><br/>
    			重置按钮:<input type="reset" value="重置按钮" />
    			
    		</form>
    	</body>
    </html>
    

    页面展示

    展开全文
  • form表单的各种属性简单列举

    千次阅读 2017-05-19 15:37:01
    form表单的各种属性列举
  • form表单标签常见的属性

    千次阅读 2019-07-20 21:45:54
    form表单标签常用属性 <form action="server.html" method="get" > <label for="Q_name">姓名:</label> <input type="text" id="Q_name" name="Q_name" value="" required placeholder=...
  • 默认情况下,表格的标题水平居中,我们可以通过ALIGN...通过标记的ALIGN属性设定表格标题的水平对齐。01 <!– —————————— –>02 <!– 文件范例:10-15.htm –>03 <!–文件说明:设定表格标题的水平
  • 1.表单属性 在网页制作过程中,时常会用到表单。form双标签被用来创建一个表单,在form双标签中可以设置表单的基本属性。 1.1 处理动作 真正处理表单的数据脚本或程序在action属性里,这个值可以是程序或脚本的一...
  • 表单  表单的作用是从访问您的Web站点的...l Form标记用于创建一个表单,定义表单的开始于结束,它是一个容器,用于包含其它表单元素,例如文本框复选框等。表单元素必须放在form中才能起作用。 l 表单元素 l Po
  • 主要介绍了jQuery使用之标记元素属性用法,实例分析了jQuery如何控制页面,包含元素的属性、css样式风格、DOM模型、表单元素和事件处理等使用技巧,需要的朋友可以参考下
  • 表单中的标签及其常用属性汇总

    千次阅读 2018-04-06 20:51:14
    表单是HTML中非常重要的一环,而且内容也不算少,所以在这里就简单的汇总了常用的表单标签,至于它们的属性就列举的很少了,如果想要详细学习属性,推荐到w3cschool去查看学习。这是w3cschool中关于表单一节的链接:...
  • HTML(标记 标签 属性

    千次阅读 2019-08-15 17:18:16
    HTML是英文 HyperText Markup Language 的缩写,它的意思是"超文本标记语言",用它编写出文档的文件的扩展名是“.html”或“.htm”(微软的操作系统),是可供浏览器解释浏览的文件格式。你可以使用记事本,写字板...
  • HTML5 表单相关元素及属性

    千次阅读 2020-04-14 23:48:54
    表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。 例如:<form action="form_action.asp"> 表示当提交表单时,表单数据会传送到名为 ...
  • form表单元素及其属性

    千次阅读 多人点赞 2017-10-28 13:36:00
    form元素及其属性代码
  • form(表单)标签常用标签及属性

    千次阅读 2018-09-07 16:24:00
    1.表单标签语法: <form method="传送方式" action="服务器文件"></form> (1)<form>标签成对出现, (2)两种数据传送方式(get/post) 2.文本框,密码框: 语法: <form> <...
  • 1)、先把form表单里的表单元素的name属性和value属性进行收集。 2)、按照enctype属性的设置,选择合适的编码方式,对数据进行编码,放在请求头里 3)、浏览器进行发送。 二、enctype属性 enctype:规定了form...
  • 关于html中表单标记的介绍

    千次阅读 2017-03-09 23:42:33
    表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序以处理,从而使得Web服务器与用户之间具有交互功能。...在HTML文档中,标记对用来定义表单的开始和结束
  • FORM表单的几大属性

    万次阅读 2016-12-28 16:47:46
    FORM表单的几大属性问题引入 在做一个活动支付项目的时候,提交订单(form表单)跳转支付页面发现没有反应。经过断点排查发现断点也进了,不报错。但是返回的就是空白页,让人很纠结。 进过反复测试,才发现是...
  • 表单form标签的属性、值以及描述

    千次阅读 2019-03-28 22:36:46
    属性 值 描述 action URL 提交表单时,向何处发送表单数据 method get、post 设置表单以何种方式发送到表单页面 name form_name 表单的名称 target _blank、_self _...
  • Java面试题大全(2020版)

    万次阅读 多人点赞 2019-11-26 11:59:06
    String 不属于基础类型,基础类型有 8 种:byte、boolean、char、short、int、float、long、double,而 String 属于对象。 7. java 中操作字符串都有哪些类?它们之间有什么区别? 操作字符串的类有:String、...
  • HTML的常用标记表单

    千次阅读 2018-12-03 22:01:48
    一、表单形式 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...
  • 这是表单元素的一个属性,可以用于表单验证,该属性主要利用validityState对象,描述元素的有效状态;validityState对象,代表元素是否通过验证,它提供了一些属性,可以用于描述指定元素的验证状态。 语法:表单...
  • From表单属性action和method

    千次阅读 2019-05-16 09:01:13
    From表单属性action和method Action (URL)规定当提交表单时向何处发送表单数据 Method (post/get)规定用于发送from-data的http方法 URL可能的值; Get/post的区别 (1)Get传输的数据量小,主要是受限与于Url...
  • HTML5表单标签及标签属性总结

    千次阅读 2016-02-26 09:37:54
    2、总结每个标签的用途以及标签的常用属性PS:表单主要用于收集用户的信息一、表单的标签 1、form 表示HTML表单 2、input 表示用来收集用户输入数据的控件,通过设置type属性的不同属性值获取不同功能的控件 3、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 102,674
精华内容 41,069
关键字:

属于表单标记属性的是