码迷,mamicode.com
首页 > Web开发 > 详细

HTML/CSS基础教程 六

时间:2014-06-29 15:10:51      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   get   

 

表单

包含表单元素的区域, 表单元素是允许用户在表单中(文本框, 下拉列表, 单选框, 复选框等)输入信息的元素, 使用<form>标签定义.

文本域与密码域

bubuko.com,布布扣
<form>
Username:
<input type="text" name="firstname">
<br />
Password:
<input type="password" name="lastname">
</form>
bubuko.com,布布扣

密码会用点代替.

下拉列表

bubuko.com,布布扣
<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>
bubuko.com,布布扣

单选按钮

bubuko.com,布布扣
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>
bubuko.com,布布扣

复选框

bubuko.com,布布扣
<form>
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
</form>
bubuko.com,布布扣

动作属性和确认按钮

当用户单击确认按钮时, 表单内容会被传送到另一个文件, 表单的动作属性定义了目的文件的文件名,这个文件会对输入的数据进行处理:

bubuko.com,布布扣
<form name="input" action="html_form_action.asp" method="get">
Username: 
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
bubuko.com,布布扣

框架

通过框架, 可以在一个窗口下显示不止一个页面.

垂直框架

bubuko.com,布布扣
<html>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>
bubuko.com,布布扣

水平框架

bubuko.com,布布扣
<html>

<frameset rows="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>
bubuko.com,布布扣

可以混合使用这俩个框架.

 

 

HTML/CSS基础教程 六,布布扣,bubuko.com

HTML/CSS基础教程 六

标签:style   blog   http   java   color   get   

原文地址:http://www.cnblogs.com/ezhengnan/p/3742642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!