你的位置:首页 > 网页设计

[网页设计]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”/>其他