p,li { white-space: pre-wrap }

HTML表单属性总结(第一版)

   基本格式为:<input type="类型" name="名字[唯一,有的类型的同组是需要设置相同的名字]" value="值,类型不同的,他们的含义是不同的">.

   例如:<input type="text" name="username" value="请输入用户名">  在单行文本框里的value是文本框内初始的值(字),作为提示用的.

    1. form属性:

action 数据提交地址 默认是当前页处理.
method 提交方式:get-通过地址栏提交-不安全;post-在请求头信息传输的时候加密,且不会在地址栏上显示-较为安全.

    1. 文本框:

单行文本框:type="text" 属性:name[名字唯一,没有分组] size[文本框的长度] maxlength[最大输入量] value[文本框初始值] autofocus[自动获取焦点(未尝试)].
文本域/多行文本框:<textarea>,这个文本域不用和input type一起使用.
密码框:type="password".
下拉文本框:<select> <option> 名字是在select里面设置,而value是在option里面设置,下拉内容是由option来编写的,需要用value来区分.

    1. 按钮:

提交按钮:type="submit"/<botton>.
重置按钮:type="reset" 它是用来恢复初始状态,并不是清除.
普通按钮:type="botton".
图像按钮:type="image" 图像按钮点击生成动作时,会将点击坐标提交上去的,在地址栏里可以看见,仅有在get的提交方式可见.
单选按钮(有组之分):type="radio".
复选按钮(有组之分):type="checkbox" 同组复选框有多个value的话,需要加[]即以数组的形式提交数据,否则后台是接收不了多个数据的.
注意:单选和多选有一个默认选中属性:checked;还有的是重置按钮,普通按钮和提交按钮中的value值都是设置按钮里面的字.

    1. 表单其他属性:

文件域/上传文件:type="file" 上传的文件是储存在临时文件区里面,如果不添加enctype multipart/form-data,文件将会被编译成文字编码来传输,该属性还有:text/plain application/x-www.formurlencoded的选项,详细的请查询w3c.
隐藏域:type="hidden" 用来传输用户不需要看到的数据.

  1. 其他内容:

B/S 浏览器端/服务器端 C/S 客户端/服务器端.
IE是不支持CSS3,高阶IE也只是支持部分CSS3属性. 表单表单分成两部分:一部分是在前台给用户提交信息(客户端),另一部分是在后台进行数据处理(服务器端).
style是用来写样式的,属于CSS的内容.
iframe框架:在使用的时候需要将body去掉,它也叫浮动框架,可以结合浮动框架来实现文件预览.
颜色表示方式:常用十六进制来表示-格式:#123456 一共六位,可以进行简写(每两位都相同十六进制就可以,简写成为三位的十六进制 例如:#00aaff 可以简写为:#00aaff)

作者技术有限,若哪位大神发现有误,请多多指点.

HTML form的一些属性(第一版)的更多相关文章

  1. 表单中<form>的enctype属性

    application/x-www-form-urlencoded.multipart/form-data.text/plain 上传文件的表单中<form>要加属性enctype=&qu ...

  2. ASP.NET查询页面设置form的action属性只弹出一个页面,并且每次将页面设置到最前

    原文:ASP.NET查询页面设置form的action属性只弹出一个页面,并且每次将页面设置到最前 背景 当数据量大.查询条件复杂,多样多的时候,我们可能需要单独做一个查询界面,当用户选择设置了相关的 ...

  3. JavaScript动态修改html组件form的action属性

    用javaScript动态修改html组件form的action属性,可以在提交时再决定处理表单的页面. <%--JavaScript部分--%><script language=& ...

  4. Form的enctype属性

    Form的enctype属性 一般都使用html的Form表单通过HTTP POST方法发送Request body.下面是一个form: <form action="/process ...

  5. Delphi中Form的position属性与代码自定义窗体位置

    通过Form的Position属性可设置窗体的初始位置,如选择DesktopCenter为桌面中心,ScreenCenter为屏幕中心,等等. 这个属性在很多时候简化了程序代码. 但是,如果设置了po ...

  6. Ext.form.ComboBox常用属性详解

    Ext.form.ComboBox常用属性详解 标签: Extjs js combo js 代码 var combo = new Ext.form.ComboBox({ store : new Ext ...

  7. js form 表单属性学习

    一.<form></form>标签      引用借鉴:http://www.cnblogs.com/fizx/p/6703370.html form标签的属性规定了当前网页上 ...

  8. 将Form的AlphaBlend属性设置为True,之后调整Form的AlphaBlendValue属性,255为不透明,数字越小透明度越大~~~想显示文字用l

    将Form的AlphaBlend属性设置为True,之后调整Form的AlphaBlendValue属性,255为不透明,数字越小透明度越大~~~想显示文字用lable就行哈~~~直接在窗体上写字就行 ...

  9. .net Form 的Autoscalemode属性

    .net Form 的Autoscalemode属性如果设置成Font 将会随着系统字体的大小来改变form大小 有时候会造成布局混乱,小心使用

随机推荐

  1. boke

    云/n 计算/v 代表/n IT/x 领域/n 向/p 集约化/v ./w 规模化/v 与/c 专业化/v 道路/n 发展/v 的/u 趋势/n ,/w 是/v IT/x 领域/n 正在/d 发生/v ...

  2. Profession ASP.NET MVC 2.0 NerdDinner示例可运行源码

    最近一段时间在看JonGalloway等著作的<Profession ASP.NET MVC 2.0>.本书并没有按照常规的大部头书籍那样,按部就班的介绍MVC的概念等,而是在第一章直接引 ...

  3. grunt 上手

    grunt 上手 开始上手 Grunt 和 grunt 插件都是通过 npm 安装, Node.js 包管理器管理的. Grunt 0.4.x 版本需要Node.js 版本号不低于0.8.0. 一.安 ...

  4. Android_NDK问题:APP_BUILD_SCRIPT points to an unknown file: <project_path>/jni/Android.mk

    问题详情: Android NDK: Your APP_BUILD_SCRIPT points to an unknown file: <path>/jni/Android.mk ...: ...

  5. Good Vim plugin for python [Vim python mode]

    Here I got a very neat plugin for vim which is awesome indeed. It's from youtube years before. So le ...

  6. http学习笔记2(URL)

    http学习笔记(二)—— 嘿!伙计,你在哪?(URL) 我们之所以希望浏览网页,其中一个重要的原因就是庞大的web世界中有很丰富的资源,他就像哆啦a梦的口袋,随时都能拿出我们想要的宝贝.这些资源通过 ...

  7. solrcloud集群部署

    Zookeeper安装 Zookeeper的安装和配置十分简单, 既可以配置成单机模式, 也可以配置成集群模式. 下面将分别进行介绍. 注意防火墙和selinux,关闭后进行如下配置,由于是Java写 ...

  8. Ubuntu系统中初次下载Android源码的一点经验

    这阵子突然心血来潮,想看看android的源代码,所以这一两天晚上都在折腾下载这个东西. (其实在GitHub上可以在线看的,不过不太喜欢在线看,URL附上 https://github.com/an ...

  9. iOS extern使用教程

    ios开发使用extern访问全局变量 使用extern关键字法: 1 .新建Constants.h文件(文件名根据需要自己取),用于存放全局变量: 2. 在Constants.h中写入你需要的全局变 ...

  10. Nodejs --我自己的学习笔记

    对于Nodejs,相信客官并不陌生,网上却已众说纷纭,有人说是一个平台,有人说是服务器JavaScript,有人说一个框架… 之前亦有过研究,多怀可远观而不可亵玩也.高效率,I/O操作,异步编程,以及 ...