博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML form的一些属性(第一版)
阅读量:5952 次
发布时间:2019-06-19

本文共 1429 字,大约阅读时间需要 4 分钟。

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)

 

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

转载于:https://www.cnblogs.com/freedom-eagle/p/6085089.html

你可能感兴趣的文章
Yii 关于AR分表
查看>>
Java中的一些基本转换
查看>>
如何把文档扫描保存到Google Drive中
查看>>
Android初始化语言 (init.*.rc、init.conf文件格式)
查看>>
取消IDEA保存文件,默认删除行尾空格
查看>>
JSTL获取session中的值
查看>>
iOS WKWebView和JS交互的两种方式
查看>>
十个Android Material Design库
查看>>
[Elasticsearch] 多字段搜索 (一) - 多个及单个查询字符串
查看>>
问题8:NavigationController 自定义返回按钮I
查看>>
百度编辑器UEditor源码模式下过滤div/style等html标签
查看>>
类似新浪微博和google图片的HTML5实现图片拖拽上传功能
查看>>
在linux里flash自动转图片
查看>>
[总结]-第七章 虚拟机类加载机制
查看>>
【No.1】基于Cookie的单点登录(SSO)
查看>>
主流视频客户端核心代码的实现
查看>>
命令行进度条
查看>>
Error(1.0.5 1107071739): D:\SAE_SDK_Windows_1.0...
查看>>
转:Ruby 的性能 与如何选用正确的framework来做web
查看>>
制作画板.md
查看>>