HTML에서 입력 태그의 값을 얻는 방법은 무엇입니까? 입력값 사용법에 대한 자세한 설명

이 글에서는 주로 HTML 입력 태그의 value 속성의 사용법과 값, 그리고 입력 태그의 value 속성과 관련된 값에 대해 설명합니다. 이 글을 함께 살펴볼까요

먼저 HTML에서 input 태그의 사용법을 살펴보겠습니다.

value 속성은 입력 요소에 지정된 값입니다.

입력 요소 유형에 따라 값 속성의 사용법도 다릅니다.

"버튼", "재설정", "제출" 유형의 경우 - 버튼의 텍스트를 정의하세요.

"텍스트", "비밀번호"의 경우 ", "hidden" "유형 - 입력 필드의 초기(기본) 값을 정의합니다.

"checkbox", "radio", "image"의 경우 유형 - 입력 요소와 관련된 값을 정의합니다. 이 값은 양식의 작업 URL로 전송됩니다.

참고: 및 에는 값 속성이 필요합니다.

참고: value 속성은 에 적용되지 않습니다.

이제 예를 살펴보겠습니다.

값 속성에 대해 사전 정의된 값이 있는 양식:

<form action="demo_form.asp" method="get">
  请输入用户名: <input type="text" name="fname" value="Bill" /><br />
  第二次用户名: <input type="text" name="lname" value="Gates" /><br />
  <input type="submit" value="提交" />
</form>

효과는 그림과 같습니다.

위의 그림은 코드의 결과로서, 정의된 형태입니다.

이제 관련 값을 살펴보겠습니다.

입력 상자를 예로 들어 보겠습니다. 각 상자를 입력할 수 있나요? 이 콘텐츠는 입력 상자와 관련된 값입니다. 이에 대한 값 속성을 설정하면 설정한 값이 입력 상자에 표시됩니다. 마찬가지로 라디오 버튼으로도 값을 설정할 수 있는데, 이 값을 설정하면 입력창처럼 표시되지 않지만, 설정한다는 것은 남성인지 여성인지 표시하는 것처럼 그런 값을 갖는다는 의미가 아닐 수도 있습니다. 남자인지 여자인지는 알 수 있지만 표시도 가능합니다.

입력 태그를 한 위치에서 다른 위치로 조정해야 하는 경우가 있습니다. 조정 후 입력 값은 입력 태그의 값 속성 값입니다. 값을 수정하는 방식이 값 속성을 수정하지 않는 경우입니다. 조정 후에 설정한 값이 손실됩니다.

<form> 
<input id="input" type="input" value=&#39;2&#39;></input> 
</form>

그래서 위 작업을 수행한 경우 값을 수정하는 방식에 따라 입력의 값 속성이 변경되는지 확인하거나 jQuery의 복제 메서드와 같은 다른 방법을 사용하여 위 작업을 수행하세요.

입력 태그에 대한 또 다른 체크박스 방법:

<form action="demo-form.php">
  <input type="checkbox" name="vehicle[]" value="Bike">我会PHP<br>
  <input type="checkbox" name="vehicle[]" value="Car">我会html<br>
  <input type="checkbox" name="vehicle[]" value="Boat">我会python<br>
  <input type="submit" value="提交">
</form>

위 코드의 효과는 그림과 같습니다.

자, 이제 이 글은 끝났습니다. 질문이 있으시면 메시지를 남겨주세요. 아래

【에디터 추천】

HTML에서 기본 태그의 상대 경로를 어떻게 작성하나요? (사용 지침 포함)

HTML img 태그의 src 속성 사용법은 무엇입니까? 구체적인 사용방법 분석(예시 포함)

위 내용은 HTML에서 입력 태그의 값을 얻는 방법은 무엇입니까? 입력값 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!