markdown表单设计最佳实践(代码片段)

author author     2022-12-13     744

关键词:

- 抛弃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最佳实践:将权限用作bitflags(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown在vuex中使用apollo的最佳实践(代码片段)

查看详情

设计模式——软件api设计最佳实践指南小结(代码片段)

文章大纲引言一、面向对象的设计原则1、开闭原则(★★★★★)2、依赖倒转原则(★★★★★)3、里氏替换原则(★★★★)4、合成复用原则(★★★★)5、单一职责原则(★★★★)... 查看详情

设计模式——软件api设计最佳实践指南小结(代码片段)

文章大纲引言一、面向对象的设计原则1、开闭原则(★★★★★)2、依赖倒转原则(★★★★★)3、里氏替换原则(★★★★)4、合成复用原则(★★★★)5、单一职责原则(★★★★)... 查看详情

.NET MVC3 中多页表单的最佳实践/设计

】.NETMVC3中多页表单的最佳实践/设计【英文标题】:Bestpractice/designforamulti-pageformin.NETMVC3【发布时间】:2012-09-0217:09:07【问题描述】:我正在开发一个Web应用程序,该应用程序涉及用户填写跨多个页面的多步骤表单。表单顶部有... 查看详情

慢sql治理最佳实践(代码片段)

...主要从三个方面进行优化从数据表的定义开始优化从索引设计开始优化从查询开始优化优化表设计表字段长度尽量紧凑,字段尽量不冗余字段类型尽量考虑用简单的类型字段尽量有默认值,且默认值尽量不要用null优化索引设计... 查看详情

java异常设计最佳实践(代码片段)

关于异常在讲Java异常实践之前,先理解一下什么是异常。到底什么才算是异常呢?其实异常可以看做在我们编程过程中遇到的一些意外情况,当出现这些意外情况时我们无法继续进程正常的逻辑处理,此时我们就... 查看详情

基于abp落地领域驱动设计-02.聚合和聚合根的最佳实践和原则(代码片段)

基于ABP落地领域驱动设计第二篇,领域对象是DDD的核心,我们会依次分析聚合/聚合根、仓储、规约、领域服务的最佳实践和规则。本文重点讨论领域对象——聚合和聚合根的最佳实践和原则。目录前言聚合聚合和聚合根原则包... 查看详情

硬核分析java内存cache设计与最佳实践-guavacache篇(代码片段)

前言目前大部分互联网架构Cache已经成为了必可不少的一环。常用的方案有大家熟知的NoSQL数据库(Redis、Memcached),也有大量的进程内缓存比如EhCache、GuavaCache、Caffeine等。本系列文章会选取本地缓存和分布式缓存ÿ... 查看详情

微服务架构设计中的设计模式原则及最佳实践(代码片段)

👇👇关注后回复 “进群” ,拉你进程序员交流群👇👇作者|MehmetÖzkaya译者|平川策划|闫园园来源丨AI前线(ID:ai-front)本文既有理论知识,又有实用信息:我们将学习每一种具体的模式&... 查看详情