编写HTML注册表单, 需要字段: 用户名, 密码, 确认密码, 性别(单选), 城市(下拉列表), 兴趣爱好_随笔

源程序如下，二级的编程序啊，我这里都有保存原题答：<html><head><title>HTML注册表单</title></head><body><form action="" method="post" onsubmit="return sub()" name=form>用户名：<input type="text" name="username" value="" /><br>密码 <input type="password" name="password" value="" /><br>确认密码：<input type="password" name="repassword" value="" /><br>性别：<input type="radio" name="sex" value="0" checked=”default” />男<input type="radio" name="sex" value="1" />女<br>城市: <select name="city"><option value="0">郑州</option><option value="1">上海</option><option value="2">天津</option><option value="3">深圳</option></select><br>兴趣爱好:<input type="checkbox" name="read" value="0" />阅读<input type="checkbox" name="travel" value="1" />旅游<input type="checkbox" name="Internet" value="2" />上网个人简介: <textarea rows="5" cols="30" name="readme"></textarea><br><input type="submit" value="提交"/> </form></body></html>

<form>->声明表单

<select>->下拉框

<radio>->单选框

<input>->文本框

<text>->文本字段

一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

属性解释：

action=url用来指定处理提交表单的格式。它可以是一个URL地址（提交给程式）或一个电子邮件地址。

method=get或post指明提交表单的HTTP方法。可能的值为：post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中。get：不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器。这是往前兼容的缺省值。这个值由于国际化的原因不赞成使用。

以上内容参考：百度百科-表单

我们在浏览一些网站时经常会用到一种网页元素--表单。如下图，像这样允许用户输入并使用按钮提交信息的功能，我们称之为表单，那么接下来介绍HTML表单相关的一些知识点。

1)表单:帮助服务器收集客户端信息的一种机制

表单控件

form>

action:数据最后所提交的页面绝对路径/相对路径

method:数据提交服务器时的提交方法 post get

2)表单控件:表单用于用户填写信息的控件

1、文本控件: 用于用户填写较少信息，且可以显示用户填写信息的控件

(注册时，用户名填写)

格式:

type:设置控件样式 text

name:用于表单收集信息的一种标示符，也就是控件的名称

2、密码框:只是用户输入的内容看不到

3、单选按钮组:由多个单选按钮组成的按钮组，只能选中其中一个，这种按钮组

<input type='radio' name="" value="" checked>标示符

name:为了保证传递服务器数据只有一个，所以name值必须相同

value：是用提交服务器时，该标签被提交的数据,value不能相同

checked:默认按钮组中的那个按钮被选中

性别:<input type='radio' name="" value="" checked>男

<input type='radio' name="" value="" checked>女

<input type='radio' name="" value="" checked>保密

所有表单控件name值不能相同!!!

4、复选按钮组: 与单选按钮组的区别可以选择多个，为了能将用户选择的多项内容传递服务器中，要将name名字后面加个[]

格式:

<input type='checkbox' name="" id="" value="" checked>标示

选课:

<input type='checkbox' name='classes[]' checked value='1'>语文

<input type='checkbox' name='classes[]' value='2'>数学

<input type='checkbox' name='classes[]' value='3'>历史

<input type='checkbox' name='classes[]' value='4'>政治

<input type='checkbox' name='classes[]' value='5'>物理

<input type='checkbox' name='classes[]' value='6'>化学

<input type='checkbox' name='classes[]' checked value='7'>美术

注意：一定要在name属性后面添加[]

5)下拉列表框:

格式:

<option value="" selected>下拉列表项option>

<option value="" >下拉列表项option>

select>

multiple:允许用户选中多个下拉列表项

optgroup: 设置下拉分类标示

6) 文本域：可以输入多行数据的表单控件

内容

textarea>

rows:设置文本域可以输入的行数

cols:设置的文本域输入的列数(一行可以输入多少个字符)(不是PX)

个人介绍:

我是个学生

textarea>

7)隐藏域：

8)上传控件：

9)按钮标签:

普通按钮:为js提供的控件

value：按钮中显示的数据和提交到服务器后该控件提交的值

提交按钮:点击后可以提交表单

重置按钮:点击后可以将用户输入的数据清空

图片提交按钮:使用图片作为提交按钮

本文的分享就到这，希望我的回答能帮到你。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7301032.html

编写HTML注册表单, 需要字段: 用户名, 密码, 确认密码, 性别(单选), 城市(下拉列表), 兴趣爱好

发表评论

评论列表（0条）