html表单

表单设计器—属性设置及相关操作

喜你入骨 提交于 2020-01-03 07:43:09
当HTML元素添加到设计面板以后,通常我们还需要对元素的属性进行设置,特别是为该HTML元素添加一些业务相关的属性,我们暂且不讨论业务属性的添加,但是其具体的操作与设置普通属性是相似的。一般来说设置元素属性的方式可以有PropertyGrid、PropertyForm以及代码修改,PropertyGrid是三者之中最常用的方式,像VisualStudio、Dreamweaver、FlexBuilder等进行界面设计时都使用这种方式;代码修改一般来说是一种辅助性的方式,因为不具有可视化界面的友好性和易用性,所以使用该方式进行属性设置的产品不能够作为一种成熟的产品;本文主要对PropertyForm这种方式进行介绍。 PropertyForm展现一般来说是通过右键事件触发的,在大多数的文档处理工具中一般使用的是这种方式,例如Office,wps等。使用右键菜单对设计面板中的HTML元素进行属性设置的时候,主要的问题有以下几个: 如何确定右键点击处焦点所处控件的类型,进而根据控件类型显示不同的右键菜单,如选中button、checkbox与选中table时显示的右键菜单是不同的。 如果选中的是button、checkbox等普通的HTML元素,如何将属性窗口设置的值体现到HTML代码中或者在设计面板中显示相应效果。 在Table区域内点击右键后,table相关属性的设置 同时

html部分标签的使用清单

拜拜、爱过 提交于 2020-01-03 07:39:34
首先,要想成为一名优秀的前端工程师,对于web中的各种标签在其命名时,同时给出id和name属性的值是应该的. 下面是各种html初学者的标签使用清单: 在web当中同时使用id,name的属性是一个好的习惯. <form action="" id="" name="" method="get|post"> 各个表单元素都写在应在的表单内 </form> action属性的值是一个URL,可以是相对地址或绝对地址. 创建from表单时,同时定义其id,name. method是表示发送数据的方法:get是把数据附加在URL后.相比起来,post比较安全,不会把数据显示在URL中. -------------------------------各个表单元素的设置--------------------------------------------------- 1. 文本框 <input type="text" id="username" name="username" size="30" maxlength="10"/> 其中id,name的属性必须写,这是一个好的习惯;size是设置文本框的长度,maxlength是设置文本框最多能输入10个字符. input不闭合(就是没有</input>). 2. 口令输入框 <input type="password" id=

自己写的web标准教程,帮你走进web标准设计的世界——第三讲(html终结篇)

匆匆过客 提交于 2020-01-03 07:38:58
声明: 本教程源于本人学习的一些经验的总结,希望大家帮忙完善与指正,也希望会给初学者带来方便,希望大家不要随便转载,写的不是很好,还不完善,不过转载时要注明作者和出处,附加原文的链接地址,谢谢了 已出: 自己写的 web 标准教程,帮你走进 web 标准设计的世界——第一讲 自己写的 web 标准教程,帮你走进 web 标准设计的世界——第二讲 上讲回顾: 上一讲我主要讲解了一下网页常用的 几个html 标签。 非常感谢网友对我的大力支持,谢谢你们给我的鼓励! 本节我将给大家讲解表单标签和table标签,ok,Begin!Right now! 标签 10 :表单标签 功能:构造一个表单,用来向服务器提交数据 基本结构与详细标签: a : input 标签 使用指数: ***** 功能:通过改变 type 类型来构造表单元素 类型:内联元素 常用属性:id,class,name(与ID类似,方便后台程序获取标签的值),accept(accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。) type 与对应值一览 其中值img很少使用,他与值submit的功能是相同的,hidden值对于一个前台开发者而言几乎是用不到的,button值暂时不做介绍,毕竟我们现在离javascript还很遥远,呵呵 b: textarea

HTML 表单form和输入

爷,独闯天下 提交于 2020-01-03 07:36:30
<body> <form> First name:<input type="text" name="firstname"> Last name:<input type="text" name="lastname"> Password;<input type="password" name="pwd"> <input type="radio" name="male" value="male">Male<br/> <input type="radio" name="female" value="female">Female <input type="checkbox" name="vehicle" value="Bike">I have a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car Username:<input type="text" name="username"><input type="submit" name="submit" value="Submit"> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value=

HTML标签学习总结(3)

让人想犯罪 __ 提交于 2020-01-03 07:29:17
*/ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhello * 完成日期:2016年8月5日 * 版本号:V1.0 * 程序输入:无 * 程序输出:见运行结果 */ 文本输入框、密码输入框 当用户要在表单中键入字母、数字等内容时,就会用到 文本输入框 。文本框也可以转化为 密码输入框 。 语法 : <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type: 当type=" text "时,输入框为 文本 输入框 ; 当type=" password "时, 输入框为 密码输入框。 2、name: 为文本框命名,以备后台程序ASP 、PHP使用。 3、value: 为文本输入框设置默认值。(一般起到提示作用) 举例: <form> 姓名: <input type="text" name="myName"> <br/> 密码: <input type="password" name="pass"> </form> 在浏览器中显示的结果: 文本域,支持多行文本输入 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法 : <textarea

HTML 表单标签

巧了我就是萌 提交于 2020-01-03 07:28:59
使用表单标签,与用户交互 表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法: <form method="传送方式" action="服务器文件"> 讲解: 1. <form> : <form>标签是成对出现的,以<form>开始,以</form>结束。 2. action : 浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3. method : 数据传送的方式(get/post)。 <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form> 注意: 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。 2、method : post/get 的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的 wiki,里面有详细介绍。 文本输入框、密码输入框 当用户要在表单中键入字母

HTML表单标签

心不动则不痛 提交于 2020-01-03 07:28:37
5-1 表单标签 用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法: <form method="传送方式" action="服务器文件"> 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。 <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form> 注意: 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。 2、method : post/get 的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的 wiki,里面有详细介绍。 1

表单标签

走远了吗. 提交于 2020-01-03 07:28:20
---恢复内容开始--- 表单标签<form>   功能   表单用于向服务器传输数据,从而实现用户与WEB服务器的交互  表单能够包含input/textarea/select/fieldset/label 标签   属性      action(表单提交到哪里) 一般指向服务器端的一个程序,程序接收到表单提交过来的数据作相应的处理 method(表单的提交方式) post/get 默认取值是get 表单 元素   概念:     HTML表单是HTML元素中较为复杂的部分,表单往往和脚本/动态页面/数据处理等功能相结合,因此它是用来收集用户的输入信息     表单一般用来收集用户的输入信息     原理:     在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交。这些信息通过internet传送到服务器上。 <input>系列的标签   类型      text 文本输入框 password 密码输入框 radio 单选框           checkbox 多选框 submit 提交按钮         button 按钮(需要配合js使用)     submit     file(提交文件):form 表单需要加上属性enctype='multipart/form-data'     上传文件要注意两点: 请求方式必须是post enctype=

HTML,表单

本秂侑毒 提交于 2020-01-03 07:25:00
又到一周末了,这周分享下我自己对表单的一些理解,仅供参考: 表单的祖先级元素是<form>,所以又叫<form>表单,主要是用来收集用户输入的的信息的,比如用户的注册; 表单元素:指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 <input> 元素是最重要的表单元素。<input> 元素有很多形态,主要根据 type的不同属性值来改变的; 常见的 type属性 值有: 1、text:表示常规的文本输入框 2、radio:表示单选按钮 3、checkbox:表示多选按钮 4、submit:表示提交按钮 5、reset:表示重置按钮; 6、button:表示普通按钮(这个是HTML5新增的) action 属性 action 属性:表示在提交表单时执行的动作。 向服务器提交表单的通常做法是使用提交按钮。 通常,表单会被提交到 web 服务器上的网页。 如果省略 action 属性,则 action 会被默认设置为当前页面。 所以action属性值都是写的路径 method 属性: 规定在提交表单时所用的 HTTP 方法(get 或 post两个属性值),get表示显式提交,当使用get提交时,表单数据在页面地址栏中是可以看见的;而使用post时,则表单数据在页面地址栏中是看不见的 Name 属性 如果要正确地被提交,每个输入字段必须设置一个 name 属性值

HTML 表单

 ̄綄美尐妖づ 提交于 2020-01-03 07:24:42
HTML 表单用于收集不同类型的用户输入。 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 <form> 来设置: <form> . input 元素 . </form> HTML 表单 - 输入元素 多数情况下被用到的表单标签是输入标签(<input>)。 输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下: 文本域(Text Fields) 文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。 <form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> </form> 浏览器显示如下: First name: Last name: 注意: 表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。 密码字段 密码字段通过标签<input type="password"> 来定义: <form> Password: <input type="password" name=