2015年9月30日html表单笔记

Asp.net是盖房子，那么html就是里面的砖头。

表单是非常重要的，为什么要使用表单呢？因为表单可以向服务器传输数据。

一般用form表单来传输数据。

BS程序的执行模型具体流程是，个人电脑在表单中填入特殊的数据，然后传到服务器中，服务器对获得的数据进行处理得到结果，然后将结果做成html代码打包发回给个人电脑中，由浏览器进行解析显示。

表单就是用来进行数据提交的标签。

表单就是一对form标签，里面包含一些其他标签input等

<form>一般在form标签里的内容都会作为数据打包传输，或者使用js传输，而在form之外的都不会被作为数据传输</form>

<form>属性：action表示提交的目标服务器,method提交的方法get、post,enctype上传文件。

表单元素的基本格式：

<input name=”表单元素名称” type=”类型” value=”值” size=”显示宽度” maxlength=”最大长度” checked=”是否选中”/>

表单元素名称=控件的名称，类型=指定元素的类型，可以为text、radio、submit等，值=控件的初始值，显示宽度=控件的初始宽度，最大长度=控件中输入的最多字符个数，是否选中=控件是否被选中checked.

<form action=”http://www.baidu.com/s” method=”get”>

<!---表单提交有get与post之分

Get为默认，就是用过浏览器地址进行数据提交

Post就是将要提交的东西隐藏到报文中进行提交

Action是提交的目标，就是点击提交时，跳到哪儿。

->

<!—写一个文本框-->

<input type=”text” name=”jk” value=”这里填入内容”/>

<!—

要提交数据，必须要满足两个条件

1. 放在form中
2. 必须要有name与value属性。要提交就要加name，要显示文本框里的内容就要加value。

-->

<!—readonly只能读不能写-->

<input type=”text” value=”readonly” readonly=”readonly”/>

<!—maxlength限制文本框内输入多少文字，例如6就只能输入六位-->

<input type=”text” value=”” maxlenght=”6”/>

<!—size控制文本框长度-->

<input type=”text” value=”” size=”1”/>

<!—密码框标签-->

<input type=”password” name=”pwd” value=””/>

<!—hidden用来记录页面跳转时的信息，但是由于该信息不应该显示在页面中，如果显示了会破坏整个页面美观等等，因此使用隐藏标签将其隐藏-->

<input type=”hidden” value=”sdfadfadfadfas”/>

<!—文本域标签，文本域标签与pre标签一样会将格式原封不动的保存。-->

<textarea rows=”10” cols=”50”>文本域里的字体</textarea>

<!—写一个提交按钮-->

<input type=”submit” name=”btn”/>

<!—在表单标签中，所有的标签格式等的html的处理与表单外的一样。表单只给数据的提交提供条件，其他的都与原来一样-->

</form>

<input type=”submit”/>提交按钮标签

<input type=”reset”/>重设按钮标签

<input type=”button”/>按钮标签

<input type=”image” src=”URL”/>图像标签

<input type=”button” value=”你点我啊” disabled/>按钮出现，但是无法点击。

<input type=”checkbox”/>复选框

<input type=”checkbox” checked/>复选框打勾

<input type=”checkbox” id=”cc”/><label for=”cc”>睡觉</label>label可以将某个数据与某个控件绑定，首先为目标标签加一个id属性，然后添加label标签，使用for属性指定id

下载HTML与XHTML权威指南

单选标签

<input type=”radio” name=”r”/>男

<input type=”radio” name=”r”/>女

<input type=”radio” name=”r”/>其他