markdown 表单设计最佳实践
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 表单设计最佳实践相关的知识,希望对你有一定的参考价值。
- 抛弃table布局
- 使用label标签并和输入控件关联
```html
// 方式1 利用for属性
<input type="checkbox" id="keepSigned" name="keepSigned" value="" />
<label for="keepSigned">Keep Me Signed.</label>
// 方式2 将输入控件作为label的子元素
<label>
<input type="checkbox" id="keepSigned" name="keepSigned" value="" />
Keep Me Signed.
</label>
```
- 为输入控件添加合理的水印提示 `placeholder`
- 给输入控件设置tab顺序(如有必要) `tabindex`
- 使用HTML5的新增表单控件
```html
// 案例
<form action="/service/user" method="post">
<fieldset>
<legend>Sign in to begin.</legend>
<label for="userName">User Name:</label>
<input type="email" id="userName" name="userName" placeholder="user@lifeway.com" tabindex="1" required="true" />
<label for="password">Password:</label>
</form>
以上是关于markdown 表单设计最佳实践的主要内容,如果未能解决你的问题,请参考以下文章
markdown 用Python开发的“最佳实践最佳”(BOBP)指南。
markdown 用Python开发的“最佳实践最佳”(BOBP)指南。
markdown 用Python开发的“最佳实践最佳”(BOBP)指南。
markdown 用Python开发的“最佳实践最佳”(BOBP)指南。
markdown 用Python开发的“最佳实践最佳”(BOBP)指南。
markdown 用Python开发的“最佳实践最佳”(BOBP)指南。