HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでパターン属性を使用するにはどうすればよいですか？

HTMLのpattern属性は、text、url、tel、search、date、email、およびpasswordの入力タイプで正規表現を設定するために使用されます。パスワードの場合、pattern属性を使用して、必要な最小値を設定できます。たとえば、パスワードは8文字以上にする必要があります。

HTMLでパターン属性を使用するにはどうすればよいですか？

例

次のコードを実行して、HTMLでパターン属性を使用する方法を学ぶことができます。ここでは、パスワードに8文字以上のパターンを設定しています。ユーザーがそれより少ない数を追加する場合は、[送信]ボタンをクリックすると、エラーが発生します。つまり、「要求された形式に一致してください：8文字以上」です。 

<!DOCTYPE html>
<html>
   <body>
      <h2>Register</h2>
      <form action="/new.php">
         Student UserName<br><input type = "text" name = "name"/><br>
         Password<br><input type = "password" name = "password" pattern = ".{8,}"
         title="Eight or more characters"><br><br>
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>

  1. HTMLでリスト属性を使用するにはどうすればよいですか？

    HTMLでは、要素を使用して、事前定義されたオプションのリストを指定します。このリストは入力要素用です。 list属性は、この要素を参照します。 HTML5はリスト属性を導入しました。 list属性は、要素の事前定義されたオプションを含む要素を参照します。 例 次のコードを実行して、HTMLでlist属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>       <title>HTML list attribute</titl

  2. HTMLパターン属性

    HTMLパターン属性は、HTML要素の値がHTMLドキュメントで一致する正規表現を定義します。 構文 以下は構文です- <input pattern=”regular expression”> HTMLパターン属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;