请用HTML语言设计一个表单程序
⑴.在浏览器的左上角显示表单标题信息:“自愿答题统计”,其文字的大小为标题三号。⑵.在标题信息的下方,“题目一”和“题目二”两排文字并列上下,并且左面分别标有复选框;复选...
⑴.在浏览器的左上角显示表单标题信息:“自愿答题统计”,其文字的大小为标题三号。 ⑵.在标题信息的下方,“题目一”和“题目二”两排文字并列上下,并且左面分别标有复选框;复选框的左面是提示信息:“您可选择右面题目:”。在题目的下方,“不愿意”和“愿意” 两排文字并列上下,并且左面分别标有单选钮;单选钮的左面是提示信息:“您可愿意回答此题?”。无论是复选框还是单选钮在下载之后呈选中状态。 ⑶.在表单的左下方并排设计一个“发送表单”按钮和一个“重新填写”按钮 。要求:请将关键的1-2步通过拷屏形式提交。拷屏方法为ALT+Prscrn键。
展开
若以下回答无法解决问题,邀请你更新回答
2个回答
展开全部
<html>
<head>
<title></title>
<script>
function check() {
var f=0;
var choice = document.getElementsByName("choice");
for(var i=0;i<choice.length;i++){
if(choice[i].checked==true){
f++;
}
}
if(f==0){
alert("请选择题目!");
f=0;
return false;
}
document.subname.submit();
}
</script>
</head>
<body>
<form name="subname" action="" method="get" onsubmit="return check();">
<font style="font-size:20px;">自愿答题统计:</font><br>
<font style="font-size:15px;">您可选择右面题目:</font>
<input input name="choice" type="checkbox" checked="true">题目一
<input input name="choice" type="checkbox">题目二<br>
<font style="font-size:15px;">您可选择右面题目:</font>
<input input name="radio" type="radio" checked="true">愿意
<input input name="radio" type="radio">不愿意<br>
<input input name="button1" type="submit" value="发送表单">
<input input name="button2" type="reset" value="重新填写">
</form>
</body>
</html>
<head>
<title></title>
<script>
function check() {
var f=0;
var choice = document.getElementsByName("choice");
for(var i=0;i<choice.length;i++){
if(choice[i].checked==true){
f++;
}
}
if(f==0){
alert("请选择题目!");
f=0;
return false;
}
document.subname.submit();
}
</script>
</head>
<body>
<form name="subname" action="" method="get" onsubmit="return check();">
<font style="font-size:20px;">自愿答题统计:</font><br>
<font style="font-size:15px;">您可选择右面题目:</font>
<input input name="choice" type="checkbox" checked="true">题目一
<input input name="choice" type="checkbox">题目二<br>
<font style="font-size:15px;">您可选择右面题目:</font>
<input input name="radio" type="radio" checked="true">愿意
<input input name="radio" type="radio">不愿意<br>
<input input name="button1" type="submit" value="发送表单">
<input input name="button2" type="reset" value="重新填写">
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力,表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。
在浏览网站时经常会遇到表单,它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能,例如ASP、PHP、JSP,表单已经成为它们统一的外在形式。
表单的主要功能是收集信息,具体说是收集浏览者的信息。例如在网上要申请一个电子信箱,就必须按要求填写完成网站提供的表单页面,其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言,发言之前要申请资格,也是要填写完成一个表单网页。
表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成,一是描述表单元素的html源代码,二是客户端的脚本,或者服务器端用来处理用户所填信息的程序。在html里,我们可以定义表单,并且使表单与CGI或ASP等服务器端的表单处理程序配合。
表单信息处理的过程为:当单击表单中的提交按纽时,输入在表单中的信息就会上传到服务器中,然后由服务器中的有关应用程序进行处理,处理后或者将用户提交的信息储存在服务器端的数据库中,或者将有关的信息返回到客户端浏览器中。
表单是网页上的一个特定区域。这个区域是由一对<Form>标记定义的。这一步有几方面的作用。第一方面,限定表单的范围。其它的表单对象,都要插入到表单之中。单击提交按纽时,提交的也是表单范围之内的内容。第二方面,携带表单的相关信息,例如处理表单的脚本程序的位置、提交表单的方法等。这些信息对于浏览者是不可见的,但对于处理表单确有着决定性的作用。
基本语法01
<Form
name="Form_name"
method="method"
action="url"
enctype="value"
target="target_win">
02
……
03
</Form>
语法解释<Form>标记的属性如下表所示
属性
描述
name
表单的名称
method
定义表单结果从浏览器传送到服务器的方法,一般有两种方法:get和post
action
用来定义表单处理程序(ASP,CGI等程序)的位置(相对地址或绝对地址)
enctype
设置表单资料的编码方式
target
设置返回信息的显示方式
<FORM>标记的ENCTYPE属性基本语法01
<Form
enctype="value">
02
……
03
</Form>
语法解释value的取值如所下表所示
属性值
描述
Text/plin
以纯文本形式传送信息
Application/x-www-Form-urlencoded
默认的编码形式
Multipart/Form-data
使用mine编码
文件范例:11-4.htm设置表单信息提交的编码方式。01
<!--
------------------------------
-->02
<!--
文件范例:11-4.htm
-->03
<!--文件说明:设置信息提交的编码方式-->04
<!--
------------------------------
-->05
<html>06
<head>07
<title>设置信息提交的编码方式</title>08
</head>09
<body>10
<h1>用户调查</h1>11
<Form
name=invest
action=mailto:tslxg@hotmail.com
method=get
enctype=text/plain>12
</Form>13
</body>14
</html>
在浏览网站时经常会遇到表单,它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能,例如ASP、PHP、JSP,表单已经成为它们统一的外在形式。
表单的主要功能是收集信息,具体说是收集浏览者的信息。例如在网上要申请一个电子信箱,就必须按要求填写完成网站提供的表单页面,其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言,发言之前要申请资格,也是要填写完成一个表单网页。
表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成,一是描述表单元素的html源代码,二是客户端的脚本,或者服务器端用来处理用户所填信息的程序。在html里,我们可以定义表单,并且使表单与CGI或ASP等服务器端的表单处理程序配合。
表单信息处理的过程为:当单击表单中的提交按纽时,输入在表单中的信息就会上传到服务器中,然后由服务器中的有关应用程序进行处理,处理后或者将用户提交的信息储存在服务器端的数据库中,或者将有关的信息返回到客户端浏览器中。
表单是网页上的一个特定区域。这个区域是由一对<Form>标记定义的。这一步有几方面的作用。第一方面,限定表单的范围。其它的表单对象,都要插入到表单之中。单击提交按纽时,提交的也是表单范围之内的内容。第二方面,携带表单的相关信息,例如处理表单的脚本程序的位置、提交表单的方法等。这些信息对于浏览者是不可见的,但对于处理表单确有着决定性的作用。
基本语法01
<Form
name="Form_name"
method="method"
action="url"
enctype="value"
target="target_win">
02
……
03
</Form>
语法解释<Form>标记的属性如下表所示
属性
描述
name
表单的名称
method
定义表单结果从浏览器传送到服务器的方法,一般有两种方法:get和post
action
用来定义表单处理程序(ASP,CGI等程序)的位置(相对地址或绝对地址)
enctype
设置表单资料的编码方式
target
设置返回信息的显示方式
<FORM>标记的ENCTYPE属性基本语法01
<Form
enctype="value">
02
……
03
</Form>
语法解释value的取值如所下表所示
属性值
描述
Text/plin
以纯文本形式传送信息
Application/x-www-Form-urlencoded
默认的编码形式
Multipart/Form-data
使用mine编码
文件范例:11-4.htm设置表单信息提交的编码方式。01
<!--
------------------------------
-->02
<!--
文件范例:11-4.htm
-->03
<!--文件说明:设置信息提交的编码方式-->04
<!--
------------------------------
-->05
<html>06
<head>07
<title>设置信息提交的编码方式</title>08
</head>09
<body>10
<h1>用户调查</h1>11
<Form
name=invest
action=mailto:tslxg@hotmail.com
method=get
enctype=text/plain>12
</Form>13
</body>14
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |