<p class="htmledit_views">この記事の内容は HTML のインタラクションに関するもので、これを必要とする友人全員に共有します。 </p> <p class="htmledit_views">1. Web サイトはどのようにユーザーと対話しますか?答えは、HTML フォームを使用することです。フォームはビューアによって入力されたデータをサーバーに送信できるため、サーバー側のプログラムはフォームから渡されたデータを処理できます。 <form method="送信メソッド" action="サーバー ファイル"><br><br><br>1).<form>: <form> タグは、<form> で始まり、</ form> で終わります。 ;終わり。 <br><br><br>2).action: ビューアによって入力されたデータが送信される場所 (PHP ページ (save.php) など)。 <br><br><br>3).method: データ送信のメソッド (get/post)。 <br><br><br>例:method="post" action="save.php"<br><br><br><br><br>2. ユーザーがフォームに文字や数字などを入力する場合、テキスト入力ボックスが使用されます。テキストボックスをパスワード入力ボックスに変換することもできます。 <br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><form> <input type="text/password" name="名称" value="文本" /> </form></pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views">1) type: <br/><br/><br/> type="text" の場合、入力ボックスはテキスト入力ボックスです。 <br/><br/><br/> type="password" の場合、入力ボックスはパスワード入力ボックスです。 <br/><br/><br/>2)name: バックグラウンド プログラム ASP および PHP で使用するテキスト ボックスに名前を付けます。 <br/><br/><br/>3) 値: テキスト入力ボックスのデフォルト値を設定します。 (通常はプロンプトとして使用されます)<br/>例: <input type="text" name="myName" /><br/> <input type="password" name="pass" /><br/><br/><br/>3. user フォームに長いテキストを入力する必要がある場合は、テキスト入力フィールドを使用する必要があります。 <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><textarea rows="行数" cols="列数">文本</textarea></pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views"><br/>1) <textarea> タグは、<textarea> で始まり </textarea> で終わります。 <br/><br/><br/>2)cols: 複数行の入力フィールドの列数。 <br/><br/><br/>3) 行: 複数行の入力フィールドの行数。 <br/><br/><br/>4) <textarea></textarea>タグの間にデフォルト値を入力できます。 <br/><br/><br/>例: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><textarea cols="50" rows="10">在这里输入内容...</textarea></pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views">4. ラジオボタンとチェックボックスを使用してユーザーが選択できるようにします<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><input type="radio/checkbox" value="值" name="名称" checked="checked"/></pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views">1) type:<br/><br/><br/> type="radio" の場合、コントロールはラジオボタンです<br/><br/><br/> ="checkbox"、コントロールはチェック ボックスです <br/><br/><br/>2) value: サーバーにデータを送信する値 (バックグラウンド プログラム PHP によって使用されます) <br/><br/><br/>3) name: バックグラウンド プログラム ASP によって使用されるコントロールの名前。 PHP <br/><br/><br/>4)checked:checked="checked" が設定されている場合、このオプションはデフォルトで選択されます <br/><br/><br/>同じグループ内のラジオ ボタンの場合、名前の値は一貫している必要があり、値が一致しない場合があります。 、上記の例は同じ名前「radioLove」を持っているため、同じグループ内のラジオ ボタンは単一の選択として機能します<br/><br/><br/>5. スペースを節約するには、ドロップダウン リスト ボックスを使用します<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><option value="提交值">选项</option> 设置selected="selected"属性,则该选项就被默认选中。</pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views"><br/>6。ドロップダウン リストでは、<select> で複数の選択操作を実行することもできます。Windows オペレーティング システムでは、Ctrl キーを押しながらクリックすると、タグに multiple="multiple" 属性を設定できます。複数のオプションを選択するときに (Mac では Command キーを押しながらクリックして)、複数のオプションを選択するときに時間がかかります。 <br/><br/><br/>例: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><select multiple="multiple"></pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views"><br/><br/><br/><br/>7. ユーザーがフォーム情報をサーバーに送信する必要がある場合、送信ボタンを使用する必要があります。 <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><input type="submit" value="提交"></pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views"><br/>type: type 値が submit に設定されている場合のみ、ボタンは送信できます。<br/><br/><br/><br/><br/>8 リセット ボタンを使用して入力ボックスを復元できます。その初期状態。タイプを「リセット」に設定するだけです。 <br/><br/><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><input type="reset" value="重置"></pre><div class="contentsignin">ログイン後にコピー</div></div><p class="htmledit_views"><br><br><br><br>9. ラベル label はユーザーに特別な効果を与えるものではなく、その役割はマウス ユーザーの使いやすさを向上させることです。このコントロールは、ラベル内のテキストをクリックするとトリガーされます。つまり、ユーザーがクリックしてラベルを選択すると、ブラウザは自動的にラベルに関連するフォーム コントロールにフォーカスを移します (ラベルに関連するフォーム コントロールが自動的に選択されます)。 <br>タグの for 属性の値は、関連するコントロールの id 属性の値と同じである必要があります。 <br>ラベルの機能は、「男性」という単語をクリックすることは、「男性」の後ろの点をクリックすることと同じであるということです <br><br></p>関連推奨事項: <p class="htmledit_views"></p> <p class="htmledit_views">html 画像タグ META タグ インライン フレーム ハイパーリンク <a href="//m.sbmmt.com/div-tutorial-393775.html" target="_self"></a></p> <p class="htmledit_views">html 表の境界線を設定するスタイル<a href="//m.sbmmt.com/div-tutorial-393773.html" target="_self"></a></p>