EPISODE 43

第43话：超神装备

Input 菜鸟想要变强？来装备店挑几件神装吧！

🐤

老板，我太没存在感了，用户打开页面根本不理我，也不知道该填什么...

🛡️

小问题！给你 autofocus (自动聚焦) 和 placeholder (提示斗篷)！

<!-- 页面加载时自动聚焦，并显示提示文字 -->
<input type="text" autofocus placeholder="我是焦点！快填我！">

🐤

但是用户有时候乱填，或者干脆不填就跑了，怎么办？

⚔️

这把 required (必填盾牌) 和 pattern (正则宝剑) 拿去！谁敢乱填就砍谁！

<form>
  <!-- 必填，且必须是3个字母 -->
  <input type="text" required pattern="[A-Za-z]{3}" 
         placeholder="输入3个字母" title="只能输入3个字母">
  <input type="submit">
</form>

🧙‍♂️

最后送你两个被动技能：autocomplete (自动记忆) 和 multiple (多重影分身)！

<!-- 开启自动完成，允许选择多个文件 -->
<form action="/action_page.php" autocomplete="on">
  <input type="email" name="email" autocomplete="off">
  <input type="file" name="img" multiple>
  <input type="submit">
</form>

← 上一话下一话 →