<p class="htmledit_views">이 기사의 내용은 특정 참조 가치가 있는 HTML의 상호 작용에 관한 것입니다. 이제는 모든 사람과 공유합니다. 도움이 필요한 친구들은 이를 참조할 수 있습니다. </p> <p class="htmledit_views">1. 웹사이트는 어떻게 사용자와 상호 작용합니까? 대답은 HTML 양식을 사용하는 것입니다. 양식은 뷰어가 입력한 데이터를 서버로 전송할 수 있으므로 서버측 프로그램은 양식을 통해 전달된 데이터를 처리할 수 있습니다. <form method="transmission method" action="server file"><br><br><br>1).<form>: <form> 태그는 <form>으로 시작하고 </ form>으로 끝나는 쌍으로 나타납니다. ;끝. <br><br><br>2).action: PHP 페이지(save.php)와 같이 뷰어가 입력한 데이터가 전송되는 장소입니다. <br><br><br>3).method: 데이터 전송(가져오기/게시) 방법입니다. <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) 유형: <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)rows: 여러 줄 입력 필드의 행 수입니다. <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)을 선택할 수 있도록 합니다. <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: selected="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>에서 다중 선택 작업을 수행할 수도 있습니다. 태그에 multiple="multiple" 속성을 설정하면 Windows 운영 체제에서는 Ctrl 키를 누르고 클릭하면 다중 선택 기능을 구현할 수 있습니다. 여러 옵션을 선택하는 동시에(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: 유형 값을 submit으로 설정한 경우에만 버튼을 submit할 수 있습니다. <br/>value: 버튼에 표시되는 텍스트 <br/><br/><br/><br/><br/>8 재설정 버튼을 사용하여 입력 상자를 복원할 수 있습니다. 초기 상태. 유형을 "재설정"으로 설정하면 됩니다. <br/></p><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><br>9. 라벨 라벨은 사용자에게 특별한 효과를 제공하지 않으며 마우스 사용자의 사용성을 향상시키는 역할을 합니다. 이 컨트롤은 레이블 내부의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하기 위해 클릭하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 포커스를 돌립니다(자동으로 레이블과 관련된 양식 컨트롤을 선택합니다). <br>태그의 for 속성 값은 해당 컨트롤의 id 속성 값과 동일해야 합니다. <br>레이블의 기능은 "남성"이라는 단어를 클릭하는 것이 "남성" 뒤에 있는 점을 클릭하는 것과 동일하다는 것입니다. <br></p> <p class="htmledit_views">관련 권장 사항: </p> <p class="htmledit_views"><a href="//m.sbmmt.com/div-tutorial-393775.html" target="_self">html 이미지 태그 META 태그 인라인 프레임 하이퍼링크 </a></p> <p class="htmledit_views"><a href="//m.sbmmt.com/div-tutorial-393773.html" target="_self">html 테이블 테두리 설정 스타일</a></p>