安全性

[1] Web Forms 2.0 では、利用者エージェントが、 安全性のために、著者が指定できる値の長さを制限することを勧めています。 例として、 pattern に指定した正規表現の評価に長くかかり過ぎるなら、 長さを制限すればよい、と述べています。

関連

[20] 著者は、 pattern 属性の説明を title 属性に含めるようにするべきです。 利用者エージェントは、 pattern に一致しない時やその他適切な時に利用者に title 属性の内容を通知して構いません。 WF2 2.6

[22] pattern 属性と title 属性の両方を使用する場合、 title 属性はパターンを説明しなければなりません。 利用者がその欄に入力するに当たって有用ならば、 他の情報も含めることもできます。 WF2 2.6

[23] 利用者エージェントは、 tooltip その他の方法で、誤りがなくとも title をレンダリングして構いません。 利用者は、誤りが起こったことを前提とする文言にしないように注意するべきです。 WF2 2.6

例

[2]

pattern="[\x00-\x7F]+"

url や email で使うと、 IDN の (IDNA 符号化されていない) ドメイン名の提出を阻止できます。

[9]

<label> Credit Card Number:
 <input type="text" pattern="[0-9]{13-16}" name="cc" />
</label>

WF2 2.6

[14]

pattern="/etc/.+"

pattern="\/etc\/.+"

ECMAScript のソース・コード中とは異なり、 / は特別な意味を持ちません (>>13)。 ですから、この2つの例はいずれも同じ意味になります。

[16] WF2 2.6

<form>
 <p>
  This form could never be submitted, as the following required field
  can never be satisfied:
  <input type="url" pattern="[^:]+" required="required" name="test"/>
 </p>
</form>

この例では、値は IRI としなければなりません (type url) し、 : が含まれないようにしなければなりません (pattern) し、 値が選択されていない状態としてはなりません (required)。 これらの条件をすべて満たすことは (IRI の構文の定義上) 不可能なので、このフォームは提出できません。

[21] WF2 2.6

<label> Part number:
 <input pattern="[0-9][A-Z]{3}" name="part"
        title="A part number is a digit followed by three uppercase letters."/>
</label>

利用者エージェントは、利用者に次のような通知を表示することができます (>>20)。 WF2 2.6

A part number is a digit followed by three uppercase letters.

You cannot complete this form until the field is correct.

Web Forms 2.0

[29] WF2 で導入されました。

[30] Opera が最初に実装しました。

[31] その後仕様書の統合により HTML5 に移動しました。