网页设计制作表单（FrontPage基础教程表单的设计）

本文目录

• FrontPage基础教程表单的设计
• 网页设计中的表单结构是什么
• 网页中的提交表单代码怎么做在告诉我下怎么提交后发送到邮箱中
• 网页设计表单单选项的代码，我要一打开网页就选好一项那种，然后自己想改才改
• 游戏网页中的表单如何设计才能更方便用户填写
• 网页制作中的表单应该如何设计

FrontPage基础教程表单的设计

表单在网站的制作过程中是比较常见的，举个简单的例子，我们在申请免费电子信箱或者个人主页时，需要填写一些个人信息，比如用户名、口令、密码提示信息等，收集这些信息的工具就是表单。常用表单的类型包括联系信息表单、请求表单、发货和付费方式的订购表单、反馈表单、搜索查询表单等。
制作搜索表单
对访问者来说，在一个大网站中查找文章会很不方便，这时我们可以创建一个搜索表单。执行“插入/Web组件”命令，打开“插入Web组件”对话框。在左侧窗口中选择“Web搜索”，在右侧窗口中选择“当前站点”，然后单击“完成”按钮打开“搜索表单属性”对话框，如图1所示。在“搜索表单属性”选项卡中将“输入框的标签”设置为“站内搜索：”。然后切换到“搜索结果”选项卡，设置显示查询结果时需要显示的信息和格式，选中“显示文件大小”和“选中文件日期”复选框，完成后“确定”，搜索表单就会出现在网页中了，如图2所示。需要注意的是，建立好的搜索表单需要发布以后才能正常工作。
用向导创建表单
FrontPage XP提供了表单创建向导，执行“文件/新建”命令，然后单击“网页或站点”，在“新建网页或站点”窗口中，在“根据模板新建”之下，单击“网页模板”，在打开的对话框中选择“常规”选项卡，并单击“表单网页向导”后“确定”。
进入表单向导后单击“下一步”按钮进入添加问题界面，单击“添加”按钮，在打开的对话框中，从“选择此问题要收集的输入类型”列表中选择需要访问者输入的数据类，比如“个人信息”，单击“下一步”按钮进入“个人信息”界面，选择需要访问者填写的信息内容，如图3所示。返回添加问题对话框后单击“下一步”进入“显示选项”对话框。在这里设置问题的显示类型，然后进入输出选项对话框。输出选项可以设置为Web或者文本文件格式，如图4，最后单击“下一步”按钮，完成表单设计。
手工设计表单
执行主菜单“插入/表单/表单”命令，即可在当前页面插入一个新的表单，其中包括“提交”和“重置”两个按钮，还多出了一个虚线框，这个虚线框区域就是一个空表单，可以在这里添加表单字段。
执行主菜单“插入/表单/文本框”命令，一个新的文本框就被插入到当前表单了，然后在字段名称前输入字段名称的含义。同样，可在“插入/表单”菜单中选择不同的控件对象插入到当前表单中。
双击文本框打开“文本框属性”对话框，在“名称”框中输入标识文本框的名称，如果希望访问者第一次打开表单时文本框中出现文本，可以在“初始值”框中输入要显示的文本内容，完成后在“宽度”中设置文本框宽度，最后单击“确定”按钮。此外，还可以向当前表单中插入复选框、下拉框、选项按钮等多种控件。
确认网页
访问者完成一个表单的填写并提交后，可以显示一个确认网页，用来显示访问者输入的内容。
首先新建立一个空白网页，设置其名称为“确认网页.htm”。然后打开一个已经建立好的表单网页，单击鼠标右键，选择“表单属性”命令打开“表单属性”对话框。
单击“选项”按钮，选择“确认网页”选项卡，单击“确认网页”文本框后的“浏览”按钮，选择“确认网页.htm”。然后切换到“保存的域”选项卡，这里会显示刚才制作的表单中对象的名字，单击“全部保存”按钮，最后“确定”返回表单，这样就把当前表单的确认网页指向了“确认网页.htm”。
最后我们再在“确认网页.htm”中添加确认字段，执行“插入/Web组件”命令，在左边的窗口中单击“高级控件”，并在右边的窗口中双击“确认域”，然后“确定”，在“要确认的表单域名称”文本框中输入用来显示信息的域的名称，需要注意的是，此域的名称必须与设置表单域属性时为该表单域所赋的名称相匹配。每个要显示的表单都需要重复上述步骤。
使用FrontPage设计的表单需要发布到运行有FrontPage Server Extensions或Microsoft的SharePoint Team Services的服务器上才能正常运行。

网页设计中的表单结构是什么

表单的组成如下:

1、表单标签: 包含处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

2、表单域: 用于采集用户的输入或选择的数据，例如，文本框、多行文本框、密码框、隐藏域、单选按粗、复选框、下拉选择框及文件上传框等。

3、表单按钮：用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用来控制其他定义了处理脚本所进行的工作，包含提交按钮、复位按钮和一般按钮。

网页中的提交表单代码怎么做在告诉我下怎么提交后发送到邮箱中

因为自己做过新手，也困惑过，在此做皮毛解释，答楼主问。
1.网页可分为静态和动态
通俗的讲静态网页就是以HTML后缀的页面，在服务器上放上什么，浏览者就可以看到什么。动态网页是在静态网页的代码中加入了网络程序语言，常见的ASP,JSP,PHP,.NET等，其基本原理就是浏览者提交信息发送到服务器，程序处理后返回相应的信息，是一种可以互动的交互式操作，如留言板，论坛等。
2.表单提交属于动态网页范畴，可以用不同的程序来做出来，以ASP为例，就是浏览者填写表单后，点击确定，所填写的会发送到服务器，并可以记录在网站后台的数据库中，这些在ASP的学习中是简单的一些道理，如果没有接触过，可能会感觉理解不了。
3.表单的提交只需要在FORM中设置发送到自己的信箱即可。
4.动态网页的制作需要用到XP的组件IIS，否则在本地浏览只能适用于静态网页。
例子如下：
以百度回答问题的这个提交表单为例，需要五个网页文件：
index.asp /显示表单
conn.asp /数据库连接
add.asp /表单处理页面
website.css /样式表
sht.mdb /数据库文件
index.asp
《% option explicit%》
《!--#Include file="ado.asp"--》
《HTML》
《head》
《title》表单示例《/title》
《link rel="stylesheet" href="style.css"》
《Script Language="JavaScript"》
《!--
Function check_Null(){
If (document.form1.title.value==""){
alert("主题不能为空!");
return false;
}
If (document.form1.name.value==""){
alert("姓名不能为空!");
return false;
}
return true;
}
// --》
《/Script》
《/head》
《body 》
《center》
《table border=’0’ width=’80%’ 》
《form method="post" action="add.asp" name="form1" onSubmit="JavaScript: return check_Null();"》
《tr》《td》 《/td》《td》《textarea name="body" rows=6 cols=80 wrap=soft》《/textarea》《/td》《/tr》
《tr》《td》 《/td》《td》 《/td》《/tr》
《tr》《td》《/td》
《td valign="middle"》《label》
 用户名：
《input type="text" name="name" size="10"》
    
《input type="checkbox" name="checkbox" value="checkbox"》
《/label》
匿名发表
《input type="submit" value=" 提交 " Size="20"》《/td》《/tr》
《/form》
《/table》
《p》
《%
’现在开始显示已有留言
Dim Sql,rs ’声明变量
Sql="Select body,name,submit_date From guest "
Sql=Sql & " Order By submit_date desc,id desc" ’这里用了两个字段排序
SET rs=db.Execute(Sql) ’返回一个Recordset对象
Do While Not rs.Eof ’利用循环依次显示所有记录
%》
《table border="0" bordercolor="#8800FF" width="80%"》
《tr》
《td colspan=2》《hr》《/td》
《/tr》
《tr》
《td width=5% rowspan="2"》 《/td》
《td width="95%"》《%=rs("submit_date")%》   《%=rs("name")%》《/td》
《/tr》
《tr》
《td》《%=rs("body")%》《/td》
《/tr》
《/table》
《%
rs.MoveNext ’将记录指针移动到下一条记录
Loop
%》
《/center》
《/body》
《/html》
conn.asp
《%
’这里只是建立数据库连接对象db。
Dim db
Set db=Server.CreateObject("ADODB.Connection")
db.Open "Driver={Microsoft Access Driver (*.mdb)};Dbq="&Server.Mappath("guest.mdb")
%》
add.asp
《!--#Include file="conn.asp"--》
《%
Dim body ’声明变量
body=Request.Form("body") ’返回留言内容
Dim sqla,name,sqlb,sql
sqla = "Insert Into sth(name"
sqlb = "Values(’" & name & "’"
If body《》"" Then ’如果留言内容不为空
sqla = sqla & ",body"
sqlb = sqlb & ",’" & body & "’"
End If
sqla = sqla & ",submit_date"
sqlb = sqlb & ",’" & now() & "’" ’插入系统时间为留言时间
’下面一句就是将SQL语句的前后两部分组织成一个完整的Inser语句
sql = sqla & ") " & sqlb & ")"
db.Execute(Sql) ’插入记录
Response.Redirect "index.asp" ’重定向回首页
%》

网页设计表单单选项的代码，我要一打开网页就选好一项那种，然后自己想改才改

把一个选项里面的单选项多命名为同一个名字：
比如：性别 里面有两个单选项，一个是表示男，一个表示女是吧
两个单选项相同的名字，比如SEX，然后给你要想默认选上的，设为默认选中（DW里面的话，点一下这个单选项，然后属性面板里面有个：初始状态，那里选：已勾选，如果是记事本之类的全代码形式的，就在这个单选按钮后面加上：checked="checked"）就行
就像这样：
《form id="form1" name="form1" method="post" action=""》
性别：
《input name="sex" type="radio" value="radiobutton" checked="checked" /》
男
《input type="radio" name="sex" value="radiobutton" /》
女
《/form》

游戏网页中的表单如何设计才能更方便用户填写

游戏网页中的表单如何设计才能更方便用户填写？
在游戏网页中，表单设计是至关重要的一环。好的表单设计能够让用户更愿意填写表单并提供准确的信息。这篇文章将着重探讨游戏网页中的表单设计，以让用户更方便填写表单。
1.提高可用性
首先，表单设计需要提高可用性。游戏网页的表单应该简洁易懂，让用户一目了然。一种好的设计方法是将表单分为小块，这样用户只需填写一小块就能轻松完成整个表单。
2.减少填写次数
其次，设计者可以通过多种方法减少用户需要填写表单的次数。例如，通过在表单输入框中加入默认值、自动填写等功能，让用户轻松输入信息，减少用户耗费时间的同时提高数据准确性。
3.统一风格
游戏网页中的表单应该与整个网页风格保持统一。如果表单设计与网页风格不一致，会让用户感到不适，从而影响填写效率。因此，设计者需要在表单设计中注重整个游戏网页风格并保持一致性。
4.简化表单
最后，设计师应该尽可能地简化表单。这不仅能够降低用户填写的次数，而且还可以减少用户填写表单的难度。设计者可以通过缩小字体大小、减小行间距或增加表单宽度等方法，以将表单的长度缩短。
总之，好的游戏网页表单设计应该能够方便用户填写表单，提高可用性，并与整个游戏网页风格保持一致。在设计过程中，设计者需要充分考虑用户需求，尽可能地简化表单方法，最终实现设计的最佳效果。

网页制作中的表单应该如何设计

1、尽量让表单一目了然
用户浏览网站的时候，通常会快速扫视来获取信息，看看网站内容和设计是否对他们的胃口或者符合需求，再决定要如何应对、交互。表单也是一样的道理。一目了然的表单能让用户立刻知道他们需要填写多少信息，以及如何提交表单。
更多平面设计知识，请咨询华南平面设计学校。
2、考虑使用浮动的提示文本
对于是否要在表单的输入框中加入提示文本有很多争论，其中主要的争论围绕在一点上：当用户点击输入框，光标出现准备输入的时候，其中的提示文本并没有自动消失，而需要手动删除之后再才能输入。这就非常尴尬了。
3、使用表单格式掩码
格式掩码能够提醒用户输入的内容的格式，字段的长短大小，对于表单的可用性有明显提升。在用户激活输入框的时候，格式掩码会出现，它会帮助用户格式化输入信息，避免提交的时候出错。格式掩码常见于数字输入的时候。
4、把表单设计得易于输入
你无法确知用户使用的是手机还是电脑在浏览你的网页，输入你的表单，但是它应该对于各种输入设备都足够友好才行。考虑到你的表单可能会是不同类型的键盘输入的，所以你应该根据表单字段属性和检测到的键盘类型，进行适配。
5、选择垂直单列布局
对于用户而言，垂直单列的布局比起多列的布局更容易使用。当用户浏览的时候，只需要向下浏览即可，不用来回翻看，也可以很好的避免填写过程中的遗漏。
6、控制输入内容
尽量使用浏览器的记忆功能和Cookie，调用数据将表单中常见的字段预先填充进去。没有什么比打开表单其中的多数字段已经自动填写进去，更让人兴奋的了。
7、让表单短而美
当你设计表单的时候，总想从用户那儿尽可能多的获取信息，一定要克制住这个冲动!
只在表单中呈现重要信息，让用户尽可能少的填写。如果稍后需要提供更多的信息，可以在其他的地方诸如电子邮件中向用户获取信息。当用户已经完成注册之后，你们后续推送信息、相互沟通、获取信息的机会更多了。
尽量只保留必要的字段供用户填写，不要提供冗余的选项，让表单小而美。