1、HTML5网页前端设计中如下图表单的代码怎么写?
下面是表单代码,你直接再加属性就可以了,表单用 table 写比较简单,div 太麻烦了;
<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px;">
<h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用户注册页面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto;">
<tr>
<td align="right" valign="top"><div>用户名:</div></td>
<td><input style='width:250px' value='请输入用户名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 码:</div></td>
<td><input style='width:250px' value='请输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>确 认:</div></td>
<td><input style='width:250px' value='请再次输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名:</div></td>
<td><input style='width:250px' value='请输入真实姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>邮 箱:</div></td>
<td><input style='width:250px' value='请输入电子邮箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注册" /></div>
</div>
</body>
</html>
2、网页设计表单
<table>
<tr>
<td><textarea rows="5" cols="50"></textarea></td><td valign="top">要输入的文字</td>
</tr>
</table>
3、网页设计中的表格!
<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--这个表格已经至顶 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >这一段表格至顶</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>
4、网页设计中的要求必须要有表单页面,是什么意思啊?
一、插入空白表单:
动作:提交方向(提交页面处理和发送邮箱)
第一种:提交到邮箱去:mailto:邮箱地址 不需要服务器权限
第二种:直接提交到动态页面处理(例ASP页面)
方法: GET:发送少量数据,不经过服务器,直接发送,通常附带网址发送参数.
优点:速度快;缺点:发送的数据一般不能超过2K字节,如超过则丢失一部分数据。
post:发送大量数据,要经过服务器,响应慢.
注:提交到邮箱去,要在代码视图里FORM标签后加上此代码:
enctype="text/plain"
二、输入表单元素:
隐藏域:主要用来注明哪个表单被提交或在ASP程序里控制脚本流程。它不被客户端所改动。所以是固定的值。
标签名:相当于字段名,用来编程控制(用来注明接收哪一个内容的值)。
值: 用来发送的数据内容。
同一组的单选框的命名一定要相同,不然会出错。
注:表单标签form 影响实际排版,它会多占一行高度,解决的办法就是把此标签放在不可显示的标签之间,而不影响表单的触发作用。
三、表单标签:
form 空白表单
input type="text" 文本域
input type="checkbox" 复选框
input type="radio" 单选框
input type="submit" 提交按钮
input type="hidden" 隐藏域
textarea 文本区域
select 列表
5、网页设计中表单怎么用
<form method='post' action='xxx'>
<input name='age' value='18'/>
<button type='submit'></button>
</form>
form 里面 method 为提交方式,一般是post,action是目标位置,按了带有submit的按钮就会把form中包含的东西送到目标位置(这里就是name='age'这个东西),然后目标位置会根据age这个东西得到18,具体可以在网上查下,很多的
6、网页设计一个最简单的表单提交!
你直接搜索当地可以提交这个表单的电话问下就OK啦
7、网页设计中什么是表单?简答题
表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成,所有这些都放在<form>标签在。一个文档中可以包含多个表单,而且每个表单可以放置通常的主体内容(包括文字和图像在内)
8、网页设计表单,按钮链接
加个a链接就好了 <a href="另一个页面的地址"> </a>
9、网页制作中的表单应该如何设计
1、尽量让表单一目了然
用户浏览网站的时候,通常会快速扫视来获取信息,看看网站内容和设计是否对他们的胃口或者符合需求,再决定要如何应对、交互。表单也是一样的道理。一目了然的表单能让用户立刻知道他们需要填写多少信息,以及如何提交表单。
更多平面设计知识,请咨询华南平面设计学校。
2、考虑使用浮动的提示文本
对于是否要在表单的输入框中加入提示文本有很多争论,其中主要的争论围绕在一点上:当用户点击输入框,光标出现准备输入的时候,其中的提示文本并没有自动消失,而需要手动删除之后再才能输入。这就非常尴尬了。
3、使用表单格式掩码
格式掩码能够提醒用户输入的内容的格式,字段的长短大小,对于表单的可用性有明显提升。在用户激活输入框的时候,格式掩码会出现,它会帮助用户格式化输入信息,避免提交的时候出错。格式掩码常见于数字输入的时候。
4、把表单设计得易于输入
你无法确知用户使用的是手机还是电脑在浏览你的网页,输入你的表单,但是它应该对于各种输入设备都足够友好才行。考虑到你的表单可能会是不同类型的键盘输入的,所以你应该根据表单字段属性和检测到的键盘类型,进行适配。
5、选择垂直单列布局
对于用户而言,垂直单列的布局比起多列的布局更容易使用。当用户浏览的时候,只需要向下浏览即可,不用来回翻看,也可以很好的避免填写过程中的遗漏。
6、控制输入内容
尽量使用浏览器的记忆功能和Cookie,调用数据将表单中常见的字段预先填充进去。没有什么比打开表单其中的多数字段已经自动填写进去,更让人兴奋的了。
7、让表单短而美
当你设计表单的时候,总想从用户那儿尽可能多的获取信息,一定要克制住这个冲动!
只在表单中呈现重要信息,让用户尽可能少的填写。如果稍后需要提供更多的信息,可以在其他的地方诸如电子邮件中向用户获取信息。当用户已经完成注册之后,你们后续推送信息、相互沟通、获取信息的机会更多了。
尽量只保留必要的字段供用户填写,不要提供冗余的选项,让表单小而美。
10、用表格和表单制作如下网页。完整html代码
1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。
2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。
3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。
4、使用<caption></caption>定义表格的标题。
5、表格分为三个部分,表头部,表主体,表尾部。
6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。