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)指南。