Web全栈~02.表单样式设计

Web基本笔记~02.表单样式设计

上一期

表单的介绍

       表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能。一般是将表单设计在一个 Html 文档中，当用户填写完信息后做submit操作，表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。

       表单是由窗体和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等，这些输入框,按钮叫做控件,表单很像容器,它能够容纳各种各样的控件。

       在这一期只设计表单样式,表单的具体功能后面才会慢慢知道。

<form action＝"url" method="post" name="my" ></form>
-name：表单提交时的名称
-action：提交到的地址(如: www.baidu.com)
-method：提交方式，有 get 和 post 两种，默认为 get

文本框

       文本域通过< input type="text" > 标签来设定，当用户要在表单中键入字母、数字等 内容时，就会用到文本域。当 type = password时,则多用于密码域

<form>
	账号 : <input type="text" name="username"/> <br/>
	密码 : <input type="password" name="pwd"/>
</form>

单选按钮

       < input type="radio" > 标签定义了表单单选框选项。但是要注意必须要两个或者多个input的name一样才能实现单选的效果

<form>
	性别<br/>
	<input type="radio"