[
フレーム
]
Run ❯
Get your
own
website
Go to Spaces
Ctrl+Alt+P
<!doctype html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content=" initial-scale=1"> </head> <body> <div> <h2>Form Validation with Tooltips</h2> <p>Use <code>.valid-tooltip</code> or <code>.invalid-tooltip</code> to tell the user explicitly what's missing, or what needs to be done before submitting the form. Note that the parent needs position:relative to work.</p> <form action="/index.cgi/larger-text/http://www.w3schools.com/action_page.php"> <div> <label for="uname">Username:</label> <input type="text" id="uname" placeholder="Enter username" name="uname" required> <div>Please fill out this field.</div> </div> <div> <label for="pwd">Password:</label> <input type="password" id="pwd" placeholder="Enter password" name="pswd" required> <div>Valid.</div> <div>Please fill out this field.</div> </div> <br> <button type="submit">Submit</button> </form> </div> </div><div class="naked_ctrl"> <form action="/index.cgi/larger-text" method="get" name="gate"> <p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_form_validation_tooltip&stacked=h">(->オリジナル)</a> / <label>アドレス: <input type="text" name="naked_post_url" value="http://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_form_validation_tooltip&stacked=h" size="22" /></label> <label>モード: <select name="naked_post_mode"> <option value="default">デフォルト</option> <option value="speech">音声ブラウザ</option> <option value="ruby">ルビ付き</option> <option value="contrast">配色反転</option> <option value="larger-text" selected="selected">文字拡大</option> <option value="mobile">モバイル</option> </select> <input type="submit" value="表示" /> </p> </form> </div> </body> </html>