美文网首页初见饥人谷技术博客
个人日记三(html表单)

个人日记三(html表单)

作者: Oct_20th | 来源:发表于2017-01-21 23:01 被阅读0次

HTML表单

html表单用于搜集不同类型的用户输入,在页面具体表现为<form> 元素。
form元素实例:

<form> form elements </form>

form表单的HTML元素(转)

元素 相关DOM接口 描述
<button> HTMLButtonElement button元素表示一个可点击的按钮。
<datalist> HTMLDataListElement datalist元素包含一组 <option> 元素,表示其它表单元素的可能值。
<fieldset> HTMLFieldSetElement fieldset元素用于将几个表单元素分组到一个form。
<form> HTMLFormElement form元素表示文档的一部分,包含使用户通过web浏览器提交信息的交互元素。
<input> HTMLInputElement input元素用于创建表单的交互控件。
<keygen> HTMLKeygenElement keygen元素促进key material的产生,以及公共密钥作为HTML表单的提交。
<label> HTMLLabelElement label元素表示用户界面中的一个条目的标题。
<legend> HTMLLegendElement legend元素表示它的父级<fieldset>元素内容的标题。
<meter> HTMLMeterElement meter元素表示一个可知范围的标量值或分数值。
<optgroup> HTMLOptGroupElement optgroup元素创建<select>元素中的选项集。
<option> HTMLOptionElement HTML的option元素用来创建一个控件,表示<select>,<optgroup>或<datalist>元素中的一个条目。
<output> HTMLOutputElement output元素表示计算结果。
<progress> HTMLProgressElement progress元素用来查看任务的完成进展。
<select> HTMLSelectElement select元素表示展示选项菜单的控件。
<textarea> HTMLTextAreaElement textarea元素表示一个多行明文可编辑控件。

form表单的元素的属性(转)

属性名 元素 描述
accept <form>, <input> 服务器接受的类型列表,通常是一个文件类型。
accept-charset <form> 支持的字符集列表。
action <form> 一个程序URI,用于处理通过表单提交的信息。
autocomplete <form>, <input> 表示表单控件是否有由浏览器自动完成的默认值。
autofocus <button>, <input>, <keygen>, <select>, <textarea> 当页面加载完成该元素应自动聚焦。
challenge <keygen> challenge字符串与公钥一起提交。
checked <input> 表示当页面加载时元素是否应该被检查。
cols <textarea> 定义textarea的列数。
data <object> 指定源的URL。
dirname <input>, <textarea>
disabled <button>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea> 表示用户是否可以与元素交互。
enctype <form> 定义当method为POST时表单数据的内容类型。
for <label>, <output> 定义元素属于此。
form <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <progress>, <select>, <textarea> 定义拥有此元素的表单。
high <meter> 定义范围的下限。
keytype <keygen> 指定密钥生成的类型。
list <input> 标识显示给用户的预定义选项列表。
low <meter> 表示下范围的上限。
max <input>, <meter>, <progress> 表示允许的最大值。
maxlength <input>, <textarea> 定义元素允许的字符串最大个数。
method <form> 定义提交表单时的HTTP method。可以为GET(默认值)或POST。
min <input>, <meter> 表示允许的最小值。
multiple <input>, <select> 表示email或file类型的input是否可输入多值。
name <button>, <form>, <fieldset>, <input>, <keygen>, <output>, <select>, <textarea> 元素名称。例如,服务器用来识别表单中的字段。
novalidate <form> 此属性表示当提交表单时不需要验证。
optimum <meter> 表示最优数值。
pattern <input> 定义验证元素值时的正则表达式。
placeholder <input>, <textarea> 为用户提供字段输入提示。
readonly <input>, <textarea> 表示元素是有可编辑。
required <input>, <select>, <textarea> 表示此元素是否需要填写。
rows <textarea> 定义textarea的行数。
selected <option> 定义当页面加载时选择的值。
size <input>, <select> 定义元素的宽度(单位为像素)。如果元素类型为text或password,此值将是字符串的个数。
src <input> 可嵌入内容的URL。
step <input>
target <form>
type <button>, <input> 定义元素的类型。
usemap <input>
value <button>, <option>, <input>, <meter>, <progress> 定义页面加载时显示的默认值。
wrap <textarea> 表示文本是否应被包装。

form表单使用几个技巧

  • action指向form表单数据传输的地址
  • method 定义传输的方式,有get和post
  • form表单提交默认刷新页面,如不想刷新整个页面,可将form的target指向页面上一个隐藏的iframe
  • form表单提交的页面的input等元素的name值为key,不写的话该员素的值不提交

相关文章

  • 个人日记三(html表单)

    HTML表单 html表单用于搜集不同类型的用户输入,在页面具体表现为 元素。form元素实例: form el...

  • 表单验证(8/30)

    HTML表单 表单是用于从用户收集输入的HTML机制。要创建基本表单,您需要三个元素: form,input 和 ...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • 网页设计:HTML表单标签

    表单包含三个基本组成部分:表单标签、表单域、表单按钮。 1,表单标签 HTML 表单用于收集用户输入,表单使用 ...

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • HTML表单的用法

    html表单用于搜集不同类型的用户输入。

    元素 form元素定义html表单 HTML 表单包含表单元...

  • HTML学习笔记(四)

    一:HTML 表单 HTML 表单用于搜集不同类型的用户输入。 元素 HTML 表单用于收集用户输入。 HTML ...

  • HTML 表单的用法

    HTML 表单用于搜集不同类型的用户输入 元素定义 HTML 表单: 所有属性如下 HTML 表单包含表单元素表...

  • JAVA 之 HTML知识框架

    HTML简介 一. html是什么 二、html基本标签 三、html表单标签(重点) 四、html框架标签及其他

  • 08-表单

    本节案例 表单的作用 HTML 表单用于收集用户输入。 表单form 元素定义 HTML 表单,里面需要有各种表单...

网友评论

    本文标题:个人日记三(html表单)

    本文链接:https://www.haomeiwen.com/subject/ioynbttx.html