三沣开发知识 购物 网址 游戏 小说 歌词 地图 快照 股票 美女 新闻 笑话 | 汉字 软件 日历 阅读 下载 图书馆 开发 租车 短信 China
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题
autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程 CSS/HTML/Xhtml
html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
站长资讯 .NET新手 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA VisualStudio ASP.NET-MVC .NET控件开发 EntityFramework WinRT-Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动 Html-Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP OracleERP DynamicsCRM K2 BPM 信息安全 企业信息 Android开发 iOS开发 WindowsPhone WindowsMobile 其他手机 敏捷开发 项目管理 软件工程 SQLServer Oracle MySQL NoSQL 其它数据库 Windows7 WindowsServer Linux
  IT知识库 -> CSS/HTML/Xhtml -> 关于html的表单元素详解(一) -> 正文阅读
 

[CSS/HTML/Xhtml]关于html的表单元素详解(一)

关于html的表单元素详解(一) 这篇文章主要介绍了关于html的表单元素,文中讲解了Action 属性Method 属性-下拉列表:< select > 元素-按钮:< button> 元素等,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
HTML 表单用于搜集不同类型的用户输入
HTML 表单用于收集用户输入;
form 元素定义 HTML 表单。

<form>
    form elements
</form>

Action 属性
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
 通常,表单会被提交到 web 服务器上的网页。
 如果省略 action 属性,则 action 会被设置为当前页面
Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
何时使用 GET?
您能够使用 GET(默认方法):
如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。
当您使用 GET 时,表单数据在页面地址栏中是可见的:action.jsp?name=xxxx&sex=female
*ps:GET 最适合少量数据的提交。浏览器会设定容量限制。
何时使用 POST?
您应该使用 POST:
如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。
HTML 表单包含表单元素
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮、文本域等
<input> 元素
<input> 元素是最重要的表单元素。
<input> 元素有很多形态,根据不同的 type 属性。
-文本输入:type=”text”

<form>
<label>用户名</label>
<input type="text" name="">
</form>

-提交按钮:type=”submit”(定义提交表单数据至表单处理程序的按钮)

<form action="action.jsp">
<input type="submit" value="提交">
</form>
/*和action配合*/
/*如果省略了提交按钮的 value 属性,那么该按钮将获得默认文本,也就是提交两个字*/

-单选:type=”radio”

<form>
<label>性别</label>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 
/*name中的值一致时,可以达到单选的效果*/
/*checked 是被选中状态 也可以写成checked="checked"*/

-复选:type=”checkbox”

<form>
<label>爱好</label>
<input type="checkbox" name="vehicle" value="运动"><label>运动</label>
<br>
<input type="checkbox" name="vehicle" value="美女"> <label>美女</label>
</form>

/*checked 是被选中状态 也可以写成checked="checked"*/

-定义按钮:type=”button”

<form>
<input type="button" onclick="alert('欢迎来到脚本之家!')" value="点我!">
</form> 

/*也是普通按钮*/

-下拉列表:< select > 元素

<form>
<select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
</select>
</form> 

<option> 元素定义待选择的选项。
列表通常会把首个选项显示为被选选项。
您能够通过添加 selected 属性来定义预定义选项。

-文本域:< textarea> 元素(定义多行输入字段)

<form>
<textarea name="message" rows="10" cols="30">
输入的内容在这里哦!
</textarea>

-按钮:< button> 元素

<form>
<button type="button" onclick="alert('欢迎来到脚本之家!')">点击!</button>

想要更加了解表单元素其中的属性,请点击链接:http://www.jb51.net/web/571879.html 
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持!
  CSS/HTML/Xhtml 最新文章
关于html的表单元素详解(二)
关于html的表单元素详解(一)
网页加载进度条详解(推荐)
HTML写一个网页动态时钟
html转换为pdf案例的一些总结(多图推荐)
HTML网页中插入视频的方法小结
HTML表格标记教程(3):宽度和高度属性WIDTH、
HTML标记语言——表单
Html注释 Html中标记文字注释的符号
htnl基础知识之网页页面的初步了解
上一篇文章      下一篇文章      查看所有文章
加:2017-09-27 23:23:39  更:2017-09-27 23:23:55 
 
技术频道: 站长资讯 .NET新手区 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA Visual Studio ASP.NET MVC .NET控件开发 Entity Framework WinRT/Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动设计 Html/Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP Oracle ERP Dynamics CRM K2 BPM 信息安全 企业信息化其他 Android开发 iOS开发 Windows Phone Windows Mobile 其他手机开发 敏捷开发 项目与团队管理 软件工程其他 SQL Server Oracle MySQL NoSQL 其它数据库 Windows 7 Windows Server Linux
脚本语言: vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题 autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程
网站开发: CSS/HTML/Xhtml html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
360图书馆 软件开发资料 文字转语音 购物精选 软件下载 美食菜谱 新闻资讯 电影视频 小游戏 Chinese Culture 股票 租车
生肖星座 三丰软件 视频 开发 短信 中国文化 网文精选 搜图网 美图 阅读网 多播 租车 短信 看图 日历 万年历 2017年10日历
2017-10-22 7:12:55
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT知识库