前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

HTML高级元素-表单(html常见的表单元素有哪些)

在上网的时候,经常需要输入一些信息,如用户注册资料、用户意见等。填写完信息后,单

击提交按钮,就可以将有关信息提交给网站。这里要填写的文本框、下拉列表框等元素组合

在一起就称为表单(form)。就ASP来说,表单设计非常重要,因为在大部分情况下,客户端

都是通过表单将信息提交给服务器端。只有这样,才能实现客户端和服务器端的互动与交流

,也才能实现“真正”的动态网页程序设计。

现在介绍如何编辑一个表单,至于向服务器端提交表单信息,将在后面详细讲解。下面先来

看一个典型的表单例子:

<html>

<head>

<title>用户注册表单示例</mie>

</head>

<body leftmargin="100">

<h1 align="cemer">用户注册</h1>

<p><font color="red">以下内容请如实填写,其中带有*号的栏目是必须填写的 <fonn

name="frmUserReg" methods="POST" action="mailto:jjshang@263.net" >

<p>请选择用户名:

<input type="text" name="txtUserld" size="15">*

<P>请输入你的密码:

<input type="password" name="txtPwd" size="8" maxlength="8">*(密码不能超过8位

<P>请再次输入密码:

<input type="password" name="txtPwd2" size="8" maxlength="8">*

<p>请输入你的姓名:

<input typc="text" name="txtUserName" size="15">*

<p>请选择你的性别:

<input type="Radio" name="rdoSex" value="male" checked >男

<input type="Radio" name="rdoSex" value="femail">女*

<p>请输入你的生日:

<input type="text" name"txtYear" size=”4"> 年

<input type="text" name="txtMonth" size="2">月

<input type="text" name="txtDay" size="2">日

<P>请选择你的最髙学历:

<select size="1" namc="sltEducation">

<option value="髙中">高中</option>

<option value="本科" selectd>大学本科</option>

<option value="硕士">硕士</option>

<option value="博士">博士</option>

</select>

<p>请选择你的爱好:

<input type="checkbox" name="chkLove" value="book">读书

<input type="checkbox" name="chkLove" value="movie">看电影

<input type="checkbox" name="chkLove" value="travel">旅游

<input type="checkbox" name="chkLove" value="other">其他

<P>你有什么意见吗?

<textarea name="txtMemo" rows="4" cols="40"></tcxtarea>

<p align="center"> <input type="submit" name="btnSubmit" value="提交">

<input type="reset" name="btnReset" value="取消">

</form>

</body>

</html>

下面来详细介绍构成表单的各个标记及属性。

  1. <form>与</form>标记:该标记用于定义一个表单,任何一个表单都是以<form>开始,以</form>结束。在其中包含了一些表单元素,如文本框,按钮,下拉列表框等。其属性名称有name,methed,action。

  2. <input>与</input>标记:该标记用于在表单中定义单行文本框,密码框,单选框,复选框,按钮等表单元素。不同的元素有不同的属性,详细的属性名称有type,name,size,maxlengh,value,checked。

  3. <select>与</select>标记:该标记用于定义一个列表框,其中的一个<option>标记就是列表框中的一项。其中有name,size,multiple等属性。

  4. <textarea>与</textarea>:该标记用于定义一个多行文本框(也叫文本区域),常用于需要输入大量文字内容的网页中,如留言板,BBS等。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言