输入框设计
㈠ 网站或APP文本输入框设计有哪些规则呢
1、清晰的文本标签
2、合理的输入框尺寸
如果你的输入框尺寸是按照输入内容的长短、尺寸来设计的话,会更加适宜用户阅读和输入。
更多UI设计知识,请咨询华南电脑学校。
3、输入框焦点
对于输入框,当用户选中准备输入的时候,应当提供清晰的视觉提示,比如外发光的输入框,或者闪动的光标,都行。
4、输入提示
数据的呈现方式多种多样。所以,当你在设计输入框的时候,应当与用户输入信息的类型、格式相互匹配。不过要做到完全的对应并不容易。
5、帮助信息
帮助信息(或相关文字)应当出现在需要的地方。一般说来,这类帮助信息最好不要超过100字。
6、仅限移动端:键盘类型与文本输入的匹配
在APP上用户常常要输入不同类型的文本,当输入框需要输入数字的时候,结果弹出的是全键盘自然不方便,而需要输入文本的时候则出现数字键盘就更加不合适了。
7、可访问性
目标:确保不同状况的用户都能无障碍地、轻松浏览和填写输入框。
8、避免使用大写文本标签
永远不要使用全部是大写字母的文本标签,这样的标签通常都很难快速浏览,因为字母的大小高度都是一致的,对于非英语言国家的用户尤其麻烦。
9、字体尺寸
在设置字体尺寸的时候,应该确保字体足够大,尽量让它们清晰可辨。网页上设置正文字体的时候,最安全的选择是16px,当然,大小的选取主要还是取决于实际的页面设计,如果识别性问题,应当适当调大一些。
10、标签颜色
标签的色彩应当依从于你的APP或者网页的整体配色方案,并且确保对比度(不能太暗,也别太耀眼)。
㈡ 如何设计移动端的文本输入框
一般有2种方法使来input文本框不可编源辑:
- disabled 属性规定应该禁用 input 元素
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
disabled 属性无法与 <input type="hidden"> 一起使用。
<input type="text" disabled="disabled" /> - readonly 属性规定输入字段为只读
只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
<input type="text" readonly="readonly">
㈢ java中用Swing设计多文本输入框界面的方法
我给你个建议, 你可以用选项卡的方式来实现,你把所有的参数分类,按照类别去建立相关的选项卡,在选项卡里面去加载你相应的参数输入对象(text)
㈣ dwcs5网页设计怎么做输入框
<form>
<input type="text" value="dw5怎样做文本输入框" name="names" />
<input type="submit" value="网络一下" />
</form>
这样的代码就是专一个上图的输入框
<input type="text" 就是前属面输入的那文本框
<input type="submit" 就是后面的按钮
在DW可以通过插入面板 - 表单 然后选择你想建立的输入框(有很多种哦)
而且可以通过CSS样式来控制他们的外貌
纯手打 希望采纳
㈤ 对于窗口有输入框怎么编写测试用例
等价类、边界值、猜测法
1.如何对文本框进行测试:
a,输入正常的字母或数字。
b,输入已存在的文件的名称;
c,输入超长字符。例如在“名称”框中输入超过允许边界个数的字符,假设最多255个字符,尝试输入256个字符,检查程序能否正确处理;
d,输入默认值,空白,空格;
e,若只允许输入字母,尝试输入数字;反之;尝试输入字母;
f,利用复制,粘贴等操作强制输入程序不允许的输入数据;
g,输入特殊字符集,例如,NUL及
等;
h,输入超过文本框长度的字符或文本,检查所输入的内容是否正常显示;
i,输入不符合格式的数据,检查程序是否正常校验,如,程序要求输入年月日格式为yy/mm/dd,实际输入yyyy/mm/dd,程序应该给出错误提示。
2.在测试过程中所用到的测试方法:
1,输入非法数据;
2,输入默认值;
3,输入特殊字符集;
4,输入使缓冲区溢出的数据;
5,输入相同的文件名;
3.命令按钮控件的测试
测试方法:
a,点击按钮正确响应操作。如,单击确定,正确执行操作;单击取消,退出窗口;
b,对非法的输入或操作给出足够的提示说明,如,输入月工作天数为32时,单击“确定”后系统应提示:天数不能大于31;
c,对可能造成数据无法恢复的操作必须给出确认信息,给用户放弃选择的机会。
㈥ 多个输入框怎么设计ui
你的意思是设计页面时文本框里木有文本,而是在页面加载的时候向里面放入东西吗?那里可以在后台页面的Page_Load事件里面写 textbox1.text=“你要放入的值";
㈦ 如何设计一个网页只有一个输入框,使网页可以保存用户输入的信息并保存为txt
在客户端按钮页面写入点击事件:将文本框内容获取后用get或post发送给服务端接收页面,再由接收页面用方法保存为服务主端txt文件
㈧ 网页设计想做个文本输入框,输入的时候是从顶部开始输入,不是开始就居中输入的,求代码。
单行文本复
<input type="text" style="height:50px; width:200px;" />
PS:这种制写法只对IE6\7\8 开始不居中输入
多行文本
<textarea style="width:200px; height:50px;"></textarea>
㈨ 我想在VB中设计一个输入框,输入一些待设置的参数,比如质量,角度什么的,该怎么做啊
先把质量,长度等要输入的东西都放到一个SetupForm上
然后有command1的那个form,在click事件里版写上
SetupForm setupFrm = new SetupForm ()
setupFrm.show();
这样就会权弹出框了
不然你就这样写:
dim a as Integer
dim b as Integer
a = InputBox("质量")
b = InputBox("长度")
㈩ 网页设计输入框问题
用户名那个如果用html的要用html才有
<inputid="u_email"name="u_email"type="email"/>
即时提醒错误的用js可以
<scripttype="text/javascript">
$(".username").blur(function(){
if($(".username").val()==""){
$(".username").after("<span>用户名不能内为空</span>");
}
});
</script>
望采纳!容