HTML5でログインフォームの書き方

HTML5でログインフォームの書き方

HTML

<section class="loginform cf">  

<form name="login" action="/path" method="POST" accept-charset="utf-8">

    <ul>  

        <li><label for="usermail">Login Name</label>

        <input type="text" name="loginName" placeholder="login name" required></li>

        <li><label for="password">Password</label>

       <input type="password" name="password" placeholder="password" required></li>

        <li><input type="submit" value="Login"></li>

    </ul>  

</form>  

</section> 

CSSは参考リンク参照

参考
http://www.hongkiat.com/blog/html5-loginpage/

HTML5ではobjectタグの属性値がdeprecatedになっているので注意

HTML5でのappletの挙動が特定のブラウザで変だったので、objectタグについて調べてみると、属性がdeprecated（推奨されていない）になっているので注意。

<object ..... code="..." >

</object>

は

<object ...... >
    <param name="code" value="..." />
</object>

に変わったことに注意。

http://www.w3.org/TR/html-markup/object.html

HTMLのhiddenを使わずして値をエレメントに保持する

HTMLのページで、例えばテーブルの列のIDなどを保持したい場合にhiddenなどのタグを使うと面倒くさいので、エレメントその物にデータ(ID)を保持できるのが便利。

DIVのdata-value属性を使ってやると、jQueryだとdata()で取得できる。

<div class="comment" data-value="64">

 var value = $('[div selector]').data('value');

楽ちん楽ちん。

http://stackoverflow.com/questions/6887343/jquery-cannot-fetch-the-value-attribute-of-a-div