表单中的元素|萝卜系统

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

【实例介绍】

表单中的元素
网页中的表单由许多不同的表单元素组成。这些表单元素包括文字字段、单选按钮、复选
框、菜单和列表以及按钮等。

【实例代码】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
body{font-family:"Lucida Grande", "Lucida Sans Unicode", 
Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;}
h1, form, button{border:0; margin:0; padding:0;}
</style>
<body>
<h1>填写会员注册资料</h1>
<form>
会员名:<input type="text" /><br />
登录密码:<input type="password" /><br />
性别:
<input type="radio" />男
<input type="radio" />女<br />
婚姻状况:<input type="checkbox" />已婚<br />
相片:<input type="file" /><br />
<input type="submit" value="注册" />
 <input type="reset" value="重设" /></form>
</body>
</html>

【代码分析】

上面表单的源代码主要包括<form>、<input>、<select>、<option>等几个标签，并且定义了
CSS来设置表单元素中的字体大小和样式，在浏览器中预览效果，如图15．7所示。

表单中的元素
【素材及源码下载】

请点击：表单中的元素下载本实例相关素材及源码

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

标签:表单中的元素