Form/Input/preventDefault/localStorage

4130 ワード

JavaScript テキストリンク

💡 Formとは?

情報をコミットするためのインタラクティブなコントロールを含むドキュメントの分割を指します.

<form></form>

💡 Inputとは?

ユーザーから入力を受信できる入力フィールドを示します.

1. Type

text:type属性のデフォルト値、単行テキストフィールド
ps剣:パスワード入力可能な入力フィールド
ファイル:ファイルをアップロードするための入力フィールド
radio:ラジオボタン
チェックボックス:複数選択用に定義されたチェックボックス
ボタン:クリック可能なボタンを定義し、
submit:コミットボタンを定義し、値
reset:リセットボタンを定義し、

は
を参照
http://www.tcpschool.com/html-tag-attrs/input-type

2.属性

<ul><li>プレースホルダ:適切な値の入力を支援する短いヘルプ</li>要求<li>:サーバにコミットする前に記入しなければならない入力フィールドをチェックし、</li>に分割する.<li> maxlength:入力の最大長を制限 </li></ul> <h2>💡 login 만들기</h2> <iframe class="embed"scrolling="no"src="https://codepen.io/eun-hye-kim/embed/dyJXjrj?default-tab=html%2Cresult"allowfullscreen=""/> <h3>1. preventDefault</h3> <pre><code class="language-javascript">function onLoginSubmit(event) { event.preventDefault(); }</code></pre><ul><li> addEventListenerの関数では、最初のチューニングは、発生したばかりのイベントに関する情報を受信して記憶し、オブジェクトとして表示することができる.</li> <li>フォームが発行されると、ブラウザはデフォルトでページをリフレッシュし、preventDefault関数を使用してデフォルトの操作を実行することはできません.</li> <li> aタグがクリックされると、ページの移動を阻止するためにも使用されます.</li></ul> <h3>2. localStorage</h3> <ul><li>ブラウザにデータを格納することができる技術</li>. </ul><pre><code class="language-javascript">localStorage.setItem("Key","Value"); //저장 localStorage.getItem("Key"); //불러오기 localStorage.removeItem("Key"); //삭제</code></pre> <h2>👋 마치며</h2> 学習活動を記録しています. 何か違うものや追加する必要があるものがあれば、いつでもコメントしてください: ✉ dmsp1234@gmail.com <h2>📍 참고</h2> <hr/> <ul><li> <a href="https://nomadcoders.co/" rel="nofollow">https://nomadcoders.co/</a> </li> <li> <a href="https://developer.mozilla.org/ko/docs/Web/HTML/Element/form" rel="nofollow">https://developer.mozilla.org/ko/docs/Web/HTML/Element/form</a> </li> <li> <a href="http://www.tcpschool.com/" rel="nofollow">http://www.tcpschool.com/</a> </li> <li> <a href="https://www.daleseo.com/js-web-storage/" rel="nofollow">https://www.daleseo.com/js-web-storage/</a> </li></ul> <hr/>

Reference

この問題について(Form/Input/preventDefault/localStorage), 我々は、より多くの情報をここで見つけました https://velog.io/@eunhye_k/JavaScript-Form-Input-preventDefault

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

Python-リソース型

Java @Pathvariable, @RequestParam, @Param