html - ハイパーリンク入力画像

Question

PayPal Web サイトの上部にあるログイン フォームを複製するのに苦労しています。

ウェブでチュートリアルを検索して、「青い輝き」を含むユーザー名とパスワードのフィールドを作成できました。ただし、「クリック可能な」疑問符をフィールドに追加するためのコーディングが見つかりません。

疑問符をクリックしたときにドロップダウンを複製できるようにしたいと思います。

どんな助けでも大歓迎です。

私はそれを明確にしたことを願っています。

Answer 1

あなたができることは、あなたのフォームで疑問符の画像がJava関数をトリガーすることです...例：

<img src="my_image.jpg" onClick="myjava_function()">

次に、Java 関数で、ドロップダウンを表示する div を表示できます。

<script type="text/javascript">
myjava_function(){
document.getElementById('mydiv').style.display="block"
}
</script>

次に、フォームの近くで、ドロップダウンを含むdivを最初に非表示にしますが、クリックすると表示されます。

<div id="mydiv" style="display:none;"><form><select><option value=1>1</option></select></form></div>

Answer 2

This would be my approach to getting it done. Firstly, try and get a log that is similar to the question mark, and position it in the div that you would place your area at. In the CSS for the logo apply float right so that the logo would appear to the right of that div. Then build a whole div that appears when you click the log before hand and give it the CSS display none, hence it would not be shown. Write a javascript function that works with the onclick you apply on the logo that changes the CSS of that div to display block and hence the whole div appears when you click it. The div by itself has a cross mark that could trigger another javascript call to change the CSS to display none. Good luck.