2016-04-16 9 views
0

現在のtextareaバイパスに必要なチェックに挿入した:は、値は次のように私は(HTML5)inputタグを持っている、

<input name='email' class='textarea' type='textarea' onblur='if(this.value==""){ this.value = "Email address...";}' onfocus='this.value="";' value='Email address...' required></input> 

これはすべてが順調といい、私の現在のニーズのためですが、デフォルト値で(または任意の'required'チェックでは、入力ボックスに値が設定されているため、すべてが甘いと思っています。これは、ユーザーが「電子メールアドレス...」の詳細を持つサインインボタンをクリックした場合にはそれほど素晴らしいことではありません。それだけではログインできませんが、最初はデフォルト値でログインできなくなります。したがって、私の質問:

入力ボックスonblur(javascript、css、html、または他の手段を通じて)に「必須」ステータスを適用する方法や、特定の入力ボックスの値を「必須」チェックをバイパスする方法はありますか?私が考えていた

input.textarea{ 
    content: "Email address..."; 
} 

input.textarea:focus{ 
    content: ""; 
} 

のように、入力ボックスにテキストを適用するためにCSSを使用しますが、私の知る限り、コンテンツは、入力ボックスには何も適用されない(またはそれがない場合には、入力ボックスはテキストの上にレンダリングされます)。

私は値を完全に削除し、ラベルを入力ボックスの外に置くことができますが、現在作成しているウェブサイトのデザインにはあまり適していません。それをすべての選択肢とみなしても)。

答えて

1

placeholder属性を使用できます。

<form><input name='email' class='textarea' type='textarea' placeholder="Email address..." required></input> 
 
<input type='submit' /> 
 
</form>

注:値が与えられたときにフィールドに値を持っているとして、それが考慮されているため、value属性を使用しないでください。

0

この目的でプレースホルダを使用できます。

<textarea rows="4" cols="50" placeholder="Your description here..."> 
関連する問題