精华内容
下载资源
问答
  • 织梦 自定义表单HTML

    千次阅读 2017-12-12 12:08:41
    自定义表单HTML用~name~表示提示文字,~form~表示表单元素 这个功能主要是在cms网站的会员在会员中心填表单投稿时,可以看到添加的字段注释.这个注释可以加在表单输入框的后面 效果如下   方法是,先添加好字段...

    自定义表单HTML用~name~表示提示文字,~form~表示表单元素

    这个功能主要是在cms网站的会员在会员中心填表单投稿时,可以看到添加的字段注释.这个注释可以加在表单输入框的后面

    效果如下

     

    方法是,先添加好字段,进会员中心打开,右键查看源码代码.把相应的这一段对应的html复制下来.比如是这样的.

     

    <div class="form-group">
            <div class="label">
                <label>身份证正面</label>
            </div>
            <div class="field"><input type='text' name='zhengmian' id='zhengmian'  class='text' /> <input name='zhengmian_bt' type='button' class='inputbut' value='浏览...' onClick="SelectImage('form1.zhengmian','big')" />
    
    </div></div>


    则在后台字段修改中.需要事先这样修改,即把input这个标签整体替换为~form~ ,身份证正面这个是字段提示.需要替换为~name~

     

     

     <div class="form-group">
            <div class="label">
                <label>~name~</label>
            </div>
            <div class="field">~form~
    (上传后需点击选择图片,证号清晰勿ps)
    </div></div>
    

     

     

    展开全文
  • 表单 HTML 模拟登陆界面

    千次阅读 2019-03-19 18:51:37
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小小争520</title> </head> <body> <form action=""> 姓名:<input type...
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小小争520</title>
    </head>
    <body>
    <form action="">
      姓名:<input type="text" name="username" placeholder="请输入姓名"><br>
      密码:<input type="password" name="userpasswd" placeholder="请输入密码"  maxlength="8"><br>
      电话号:<input type="text" name="usertel" maxlength="11" pattern=""><br>
      邮箱:<input type="email" name="useremail" ><br>
      性别:<input type="radio" name="sex" value="0">男 <input type="radio" name="sex" value="1">女<br>
      爱好:
      跑步
          <input type="checkbox" name="hobby" value="1">
      游泳<input type="checkbox"name="hobby"value="2">
      游戏<input type="checkbox"name="hobby"value="3">
      篮球<input type="checkbox"name="hobby"value="4"><br>
      颜色:<input type="color" name="color"><br>
      年龄:<input type="number" name="age" max="10"  min="1"><br>
      出生日期:<input type="date" name="birthday">
                <input type="time" name="time">
                <input type="range" max="100" min="10"  value="20"><br>
                <meter max="100" min="0"  low="59"  high="90" value="95" style="width: 200px"></meter>
                <input type="search">
                <input type="reset" value="重置">
                <input type="image" scr="01.gif"><br>
      <!--提交按钮type=submat-->
                <input type="submit">
      
    </form>
    </body>
    </html>
    
    展开全文
  • HTML 什么是表单

    千次阅读 2018-04-11 22:25:41
    什么是表单HTML 表单的主要作用是接收用户的输入,当用户提交表单时,浏览器将用户在表单中输入的数据打包,并发送给服务器,从而实现用户与Web服务器的交互。表单是控件的容器,一个表单由form元素、表单控件和表单...

    什么是表单

    HTML 表单的主要作用是接收用户的输入,当用户提交表单时,浏览器将用户在表单中输入的数据打包,并发送给服务器,从而实现用户与Web服务器的交互。

    表单是控件的容器,一个表单由form元素、表单控件和表单按钮三部分组成:

    1) form元素:用来创建表单,并通过 action、method和enctype三个属性,来设置表单的提交路径、提交方式、编码类型。

    2) 表单控件:主要用来收集用户数据,包括 label、input、textarea、select、datalist、keygen、progress、meter、output等,也包括对表单控件进行分组显示的 fieldset 和 legend 控件。根据功能的不同,input 控件又分为 text、password、radio、checkbod、file、submit、reset、search、tel、url、email、number、range、color、Date Pickers等类型。

    3) 表单按钮:包括提交按钮、重置按钮和一般按钮。提交按钮和一般按钮可用于把表单数据发送到服务器,重置按钮用于重置表单,把整个表单恢复到初始状态。

    任何HTML表单,都由 form 元素创建,即以 <form> 标签开始,</form> 标签结束,在 <form> 和 </form> 之间,是表单所需要的控件和按钮。

    每一个表单控件都有一个 name 属性,用于在提交表单时,对表单数据进行识别。访问者通过提交按钮提交表单,表单提交后,他们填写的数据就会发送到服务器端进行处理。如,用户登录的表单:

    1. <form action="login.asp" method="post">
    2.     <label>用户名: </label><input type="text" name="username" />
    3.     <label>密码: </label><input type="password" name="password" />
    4.     <input type="submit" value=" 登 录 " />
    5. </form>

    上述代码中,由 form 元素创建了一个表单,表单中包括两个控件和两个按钮,分别是用户名和密码的输入型控件,及登录和取消按钮。登录按钮为提交按钮,取消按钮为重置按钮。运行结果如图 3‑1 所示:

    用户登录表单图3-1 用户登录表单

    当用户点击登录按钮后,则以 post 方式,将用户名和密码发送到服务器端login.asp 文件进行处理;如果用户点击取消按钮,则会清除用户填写的数据,将整个表单恢复到页面初始加载时的状态。

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。

    版权声明:本文出自 歪脖网 的《HTML宝典》,欢迎在线阅读,并提出宝贵意见。

    展开全文
  • HTML 表单

    千次阅读 2019-05-16 00:07:13
    前端开发html5表单测试 以下进行了一个简单的表单测试利用了fieldset标签将表单内容的一部分打包,生成一组相关表单的字段。当一组表单元素放到 fieldset 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的...
    前端开发html5表单测试

    以下进行了一个简单的表单测试利用了fieldset标签将表单内容的一部分打包,生成一组相关表单的字段。当一组表单元素放到 fieldset 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。fieldset标签没有必需的或唯一的属性。legend 标签为 fieldset 元素定义标题。其中嵌套了表格,ul标签代表无序,ol代表有序。input中type类型的属性代表了,表单的类型,以下演示几种类型表单。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>表单测试</title>
    	</head>
    	<body>
    		<form action="" method="post">
    			<fieldset id="">
    				<legend>注册信息</legend>
    				<ul>
    					<li>
    						<label>账号</label>
    						<input type="text" name="" id="" value=""  placeholder="请输入11位以内的数字" size="11" />      <!--        size代表最大输入的长度   placeholder代表没有输入的时候提示的文字 -->
    					</li>
    					<li>
    						<label>密码</label>
    						<input type="password" name="password" id="paw" size="20" placeholder="请设置多种类" />
    					</li>
    					<li>
    						<label>邮箱</label>
    						<input type="email" name="input_email" id="input_email" value="" placeholder="super@word.com" /></li>
    					<li>
    						<label>出生日期</label>
    						<input type="date" value="2019-01-01" name="date">
    					</li>
    					<li>
    						<label>上传文件</label>
    						<input type="file" name="" id="" value="" />
    					</li>
    					<li>
    						<label>优先级</label>
    						<input type="range" name="" id="" value="" />
    					</li>
    					<li>
    						<label>选值框</label>
    						<input type="number" name="" id="" value="" min="0" max="1000" />
    					</li>
    					<li>
    						<label>URL字段</label>
    						<input type="url" name="" id="" value="" />
    					</li>
    					<li><label>颜色</label>
    						<input type="color" name="" id="" value="" />
    					</li>
    					<li>
    						<label>提交框</label>
    						<input type="submit" name="submit" id="submit" value="提交" />
    					</li>
    				</ul>
    				
    			</fieldset>	
    		</form>
    	</body>
    </html>
    
    

    在这里插入图片描述
    定义用于向表单处理程序(form-handler)提交表单的按钮。表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。表单处理程序在表单的 action 属性中指定:

    <form action="action_page.php">
    First name:<br>
    <input type="text" name="firstname" value="Mickey">
    <br>
    Last name:<br>
    <input type="text" name="lastname" value="Mouse">
    <br><br>
    <input type="submit" value="Submit">
    </form> 
    
    input的属性

    在这里插入图片描述

    展开全文
  • html表单

    千次阅读 多人点赞 2018-08-30 21:32:08
    1.1 表单标签作用: 作用:将客户端的数据提交给服务器,(表单是客户与服务器交互的一种方式)。 可见性:在网页上是不可见的。 1.2 form常用的属性: form标签是表单标签的一个根标签。 常用属性 作用...
  • HTML表单

    千次阅读 2018-07-28 22:50:26
    HTML表单用于搜集不同类型的用户输入。  表单的一系列操作都要定义在&lt;form&gt;标签内,就像表格要定义在&lt;table&gt;标签中一样。 1. &lt;input&gt;标签  表单表单元素组成,...
  • HTML 表单制作

    千次阅读 多人点赞 2019-09-19 20:36:11
    HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用...
  • HTML 表单按钮

    万次阅读 2018-04-13 20:11:53
    表单按钮表单按钮一般分为三类,分别是提交按钮、重置按钮和普通按钮。提交按钮、重置按钮只能在表单中使用,普通按钮则可以在网页的任何地方使用。从本质上讲,表单按钮也是表单控件,之所以把它分离出来,单独介绍...
  • HTML表单表单

    千次阅读 2017-09-05 14:16:11
    一、什么是表单? 收集用户信息的一个容器,相当于点餐时的菜单... 表单中包含表单域(文本框、密码框、按钮 都属于表单域) 定义表单的语法: 表单域 常用的属性 1.action 用来处理请求的页面或程序...
  • HTML表单表单控件

    千次阅读 2019-07-24 16:26:44
    HTML中,一个完整的表单通常由表单控件、提示信息和表单域3个部分构成。 表单控件 input控件 注意事项: 1.<input />标签是单标签 2.input颜色、种类可以变换,可以通过type(类型)属性来变换形状。 ...
  • HTML表单表单控件

    千次阅读 2018-09-21 11:36:12
    action 表示当确认时将表单提交到一个地址(可以使确认地址或者相对地址) method 提交表单时的请求类型 (get或者post类型) get方式的请求 一般默认为它,比较小一般不超过2k。(不在浏览器中不受限制) post...
  • HTML表单示例

    千次阅读 2019-01-11 23:57:56
    表单HTML页面中负责数据采集功能的部件。它往往由三部分组成,即表单标签、表单域、表单按钮。 表单标签:用于表面表单的范围,位于表单标签中的元素将被提交 语法:&lt;form&gt;&lt;form&gt; ...
  • html表单,表单

    千次阅读 2018-08-21 19:57:58
    一,基本的表单标签及属性   input 标签 输入表单 属性:text 定义输入文本  radio定义单选按钮 同组单选按钮 name属性值必须统一 这样才能实现单选,(checked="checked"可以设定初始值)  checkbox...
  • 通过action属性提交HTML表单

    千次阅读 2018-05-08 08:06:43
    表单HTML表单用&lt;form&gt;来定义,是用来收集用户输入的。B.一些重要的属性 1.action 指定某个服务器脚本来处理被提交的表单。省略,则被设置为当前页面。 2.method 规定在提交表单是使用的HTTP方法...
  • html表单控件

    千次阅读 2018-08-21 18:47:48
    HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和 表单域3个部分构成       &lt;form action="url" method="post" name=“名称”&gt; &lt;!--1. ...
  • HTML登录表单

    千次阅读 2017-11-28 16:22:54
    随着现代浏览器的发展,我们就可以用HTML5和CSS3来制作炫酷的注册登录表单,下面我们收集了9款大气实用的...1、HTML5/CSS3仿Facebook登录表单 利用CSS3制作的登录表单的确很漂亮,我们在html5tricks网站上也分享过
  • 支付Html表单

    千次阅读 2019-02-11 10:30:41
    生成自动跳转的Html表单 String html = XhPayUtil.createAutoFormSubmitHtml(requestFrontUrl, signData, "UTF-8");   /** * 功能:前台交易构造HTTP POST自动提交表单&lt;br&gt; ...
  • html 表单验证

    千次阅读 2018-12-07 12:31:36
    我采用的表单验证不是使用 框架来实现,而是直接使用 html5 的新特性 1. 实现一个简单的用户名长度验证 我想实现表单验证,但是写js又太麻烦,有没有简单实用又灵活的方法 需求:用户名限制长度...
  • HTML5-表单

    千次阅读 2016-08-09 16:20:03
    下述内容主要讲述了《HTML5权威指南》第12章关于“表单”。 当使用form提交数据时:在HTML4中,input、button和其他与表单相关的元素必须放在form元素中;在HTML5中,这条限制不复存在。可以将这类元素与文档中任何...
  • HTML FORM 表单

    千次阅读 2014-12-24 22:43:34
    HTML FORM 表单实现自动登录
  • HTML 表单原理

    千次阅读 2017-03-18 20:04:36
    简单来讲, HTML 表单就相当于 web 页面的无线电台,使用它可以与服务器形成双向的通信。当你点击了提交按钮后,表单中所填的数据会被打包发送到服务器进行处理,接着服务器会根据表单中的信息返回特定的响 应。在...
  • html表单练习

    千次阅读 2019-05-09 17:31:45
    模拟阿里巴巴注册界面写一个注册表单,分企业和个人两个部分 个人注册 企业注册 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
  • html表单使用

    千次阅读 2019-11-27 14:17:00
    效果 代码 <!DOCTYPE html> <html> <...表单</title> </head> <body> <form action="a" method="post"> <fieldset> <legend>用户注...
  • html5表单控件和表单

    千次阅读 2019-06-03 15:59:53
    文章目录、表单控件1.1 认识表单1.2 input控件1.2.1 文本框与密码框1.2.2 单选框和复选框1.2.3 默认选中表单属性1.2.4 input按钮组1.2.5 最对字符数和文本值1.2.6 label标签1.2.7 textarea控件(文本域)1.2.8 下拉...
  • html制作表单

    千次阅读 2017-06-18 23:52:37
    1、表单控件包括文本框、文本域、按钮、单选框、复选框等,表单控件必放在 <form></form> 标签之间,否则用户输入的信息无法提交到服务器上!2、method : post/get(提交数据的方式)<!DOCTYPE HTML> <html> ...
  • HTML表单数据传输

    千次阅读 2018-11-14 18:59:59
    HTML表单数据传输
  • html表单下拉菜单Drop-down menus are used on forms to capture responses for which there is one correct response from multiple possible answers. A good example of this is asking for a visitor’s ...
  • Html中的表单

    千次阅读 2014-06-28 19:32:56
    在讲解今天Html表单之前,还是先看张图片来刺激一下。     源码 超链接演示 仿百度搜索框 请输入要搜索的内容:      看了上图百度的搜索页面,有木有心动一下,别慌你也可以的,这就是...
  • html表单数据传递 介绍 在某些时候,所有Web开发人员都需要从用户那里收集数据。 在动态网页中,一切都围绕用户的输入,因此了解如何请求和收集此数据对于任何开发人员都是至关重要的。 本文是有关如何使用HTML...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 71,974
精华内容 28,789
关键字:

表单html