导航:首页 > 万维百科 > 网页表单设计

网页表单设计

 发布时间：2020-07-31 10:02:37

1、求设计一个简单的网页 内容 写一个html页面，至少包含一个表格、一个表单； 30行以上； 美观不管

<!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=gb2312" />
<title>无标题文档</title>
<style>
.fontStyle{
color:red;
font-size:18px;
font-weight:bold;
}
</style>
</head>

<body>
<p class="fontStyle">表格</p>
<table cellspacing="0" cellpadding="0" width="500" height="300" border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
</table>
<p>----------------------------------------------------------------------------------------------</p>
<form id="form1" name="form1" method="post" action="">
<p class="fontStyle">表单</p>
<p>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" />
</p>
<p>性别：
<input type="radio" name="sex" id="male" value="radio" /><label for="male">男</label>
<input type="radio" name="sex" id="female" value="radio2" /><label for="female">女</label></p>
<p>爱好：
<input type="checkbox" name="music" id="music" /><label for="music">听音乐</label>
<input type="checkbox" name="web" id="web" /><label for="web">上网</label>
<input type="checkbox" name="book" id="book" /><label for="book">看书</label></p>
<p>
<label for="content">简历：</label>
<textarea name="content" id="content" cols="45" rows="5"></textarea>
</p>
</form>
</body>
</html>
把上面的代码放到dw里，运行就好了，如果还不会，我把网页传给你吧！！！

2、用表格和表单制作如下网页。完整html代码

1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。

2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。

3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。

4、使用<caption></caption>定义表格的标题。

5、表格分为三个部分,表头部，表主体，表尾部。

6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。

3、如何打造一个高可用性网页表单设计

表单和可用性有如下两方面的关系：
1. 表单可以使网站好用或不好用，因为它们挡在用户达成目标的路上。

2. 为了帮助用户达成目标，表单必须要好用。

本文将重点讲述第二点，因为表单好用了，网站的整体可用性自然会提升，也就是上面的第一点。

表单的六个组成部分

对于设计师和用户来说，表单让人爱恨交加。随着时间的流逝，对于表单的表现形式和操作方式，用户已有了自己的期望。基本上，他们期望表单包含如下六个部分：

1.标签。告诉用户相应的输入域里应该填什么。

2.输入域。供用户提供反馈。包括文本输入框、密码输入框、多选框、单选框和滑块等。

3.操作。包括链接和按钮，用户点击后，会执行一项操作，比如提交表单。

4.帮助。为填写表单提供帮助。

5.信息。用户输入内容的反馈信息。可能是肯定的（比如提示表单提交成功），也可能是否定的（“该用户名已被注册”）。

6.验证。确保用户提交的数据符合参数规则。

4、制作一个很简单网页表单代码

<html>
<head>
<title>进入下一页吗</title>
<script language="JavaScript" type="text/javascript">
var http="zjc.ncu.cn/fws";//预设的网址

var url="next.html";//正确后转到网址

function gohttp(o){
if(o.http.value==http){
document.location.reload(url);}
}
</script>

</head>
<body style=" text-align:center"><form action="" method="get">请输入网址：<input name="http" type="text" size="40" /><br>
<input type="button" onClick="gohttp(this.form);" value="进入">
</form>
</body>
</html>

将以上内容复制到记事本后，另存为"xxx.html"

对回答的内容有问题，或认为不妥，网络消息我。
（在消息的内容里加上问题的网址哦）

5、网页设计一个最简单的表单提交！

你直接搜索当地可以提交这个表单的电话问下就OK啦

6、求表单设计代码，简单的网页设计，

最简单的表格结构

<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>

7、请问网页表单怎么设计比较吸引？

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

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

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

9、我想制作一个简单的功能，就是网页的表单提交到数据库上面

你说的是教你做吧？基本不存在这样的人，积分想都不用想了，除非你给钱，教你也不是你想咨询问题，谁有那么多的时间就为了你那点积分？只能说你想的太多了，其实你这个也没有多难，就是建个数据库，然后建好表，做个网页，然后链接起来就行了，这些都是基础，没有多难，基础去这看看吧http://www.w3school.com.cn/

10、网页端的表单很长怎么设计排版？

你可以选择竖着排或横排，怎样方便自己怎样来

与网页表单设计相关的知识