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

网页设计表单type

发布时间:2021-01-22 09:35:50

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

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

2、网页设计中表单怎么用

<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,具体可以在网上查下,很多的

3、html网页制作中,表单输入,input name和input type有什么区别?为什么开头的这

name 和 type 都是input的一个属性,
name 一般是给后台提供的,
type表示当前这个input的类型。

4、制作表单页面时可以通过设置type等于什么来实现?

在html语言中通过<form>标签完成一个表单的设计
输入内容为<input type=?>标签
type="text" 输入文本
type ="password" 输入密码
type ="submit" 提交表版单内容到服务器

举例权:
输入用户信息到服务器
<form action="adser.jsp" method="post" name="userform">
<h2>用户注册</h2>
姓名:<input type="text" name="name"/></br>
用户名:<input type="text" name="username"/></br>
密码:<input type="password" name="password"/></br>

<input type="submit" value="提交"/></br>
</form>

所以 制作表单页面时可以通过设置type等于"submit" 来想服务器提交内容完成内容的实现

5、关于网页制作表单》文本框的问题!

<input type="text" name="click" value="点击就选中" onClick="this.focus()" onFocus="this.select()">

6、网页设计表单~一道题

这边是HTML
<form action="">
<label for="userName">用户名:</label><input type="text" id="userName">
<label for="userName">密 码:</label><input type="text" id="pwd">
<input type="button" value="点击这边" id="btn">
</form>

这边是JS
var userName = document.getElementById('userName'),
pwd = document.getElementById('pwd'),
button = document.getElementById('btn');
btn.onclick = function(){
console.log(1);
if (userName.value == "" || userName.value== " ") {
alert("用户名为空");
}else if (pwd.value == "" || pwd.value == " ") {
alert("密码为空");
}else {
alert("登入成功");
}
}

7、网页设计的表单怎么弄

以下是源代码,输入正确的密码(www.chinaitz.com),跳转到的网址为 http://www.chinaitz.com

复制以下源代码,改名为 chinaitz.html 后运行即可
==================================================================
<!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=utf-8" />
<title>www.chinaitz.com</title>
</head>
<body>
<form id="chinaitzform" name="chinaitzform" method="post" action="chinaitz.html">
<label>
<input type="password" name="password" id="password" />
</label>
<p>
<label>
<!-- input type="submit" name="button" id="button" value="提交" /-->
<input class="submit" value="提交" name="chinaitz" onclick="javascript:checkvalue();return false;" type="button">
</label>
</p>
<script LANGUAGE="JavaScript">
function checkvalue()
{
if(document.chinaitzform.password.value=="")
{
alert("密码不能为空!");
return(false);
}
if(document.chinaitzform.password.value!="www.chinaitz.com")
{
alert("密码输入错误!");
return(false);
}
document.chinaitzform.submit();
return(window.open('http://www.chinaitz.com'));
}
</script>
</form>
</body>
</html>
==================================================================

8、关于html网页设计表单问题

按你的代码,选择了150,120的也还选上的,你这个name属性不同,根本就是不同的2组单选,互相无关系
<tr>
<td>建筑面积:</td>
<td>
<input name="radio" type="radio" id="radio" value="radio" checked="CHECKED" />120平米
<input name="radio" type="radio" id="radio2" value="radio" />150平米
</td>
</tr>
如果这样写,那就是默认选中120,当你选择150的时候,120就取消选择了,虽然按你的代码选哪个都一样,因为value值相同。。。

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