이 글에서는 HTML의 이름 속성의 역할에 대한 설명과 양식의 이름 속성의 예뿐만 아니라 기본 정의 및 예제 렌더링을 포함하여 HTML의 이름 속성을 주로 소개합니다.
먼저 다음 형식의 name 속성 정의를 이해해 보겠습니다.
name 속성은 입력 요소의 이름을 지정합니다.
이름 속성은 양식 데이터가 서버에 제출된 후
양식 데이터를 식별하거나 클라이언트에서 JavaScript를 통해 양식 데이터를 참조하는 데 사용됩니다.
참고: 이름 속성이 설정된 양식 요소만 양식을 제출할 때 해당 값을 전달할 수 있습니다.
<input name="value">
위의 정의를 더 잘 이해할 수 있도록 예를 살펴보세요
두 개의 텍스트 필드와 제출 버튼이 있는 HTML 양식: #🎜 🎜#
<form action="form_action.asp" method="get"> <p>name: <input type="text" name="fullname" /></p> <p>email: <input type="text" name="email" /></p> <input type="submit" value="Submit" /> </form>
코드의 효과는 무엇인가요? 사진을 보세요
Bar양식을 제출할 때 request.form("name")을 사용하면 텍스트 상자에 입력된 값을 가져올 수 있습니다. , 페이지에 컨트롤이 있는 경우 여러 컨트롤의 이름이 동일한 경우 getelementsbyname을 사용하여 배열을 가져올 수 있습니다. 또한 페이지에 사용자가 성별을 선택할 수 있는 두 개의 라디오가 있는 경우 이 두 버튼에 대해 name 속성을 설정하지 않으면 어떤 효과가 있는지 시험해 볼 수 있습니다. 무전기를 사용하면 성별을 선택할 수 있습니다. 일반적으로 성별을 선택할 때 두 무전기의 이름을 동일하게 설정하지 않으면 남성과 여성 모두 선택할 수 있습니다. , 따라서 이름 속성은 형식에서 매우 중요합니다.
너무 많이 설명했지만 이름 속성의 역할에 대한 예제 코드를 살펴보겠습니다.#🎜🎜 # 이름 속성 은 컨트롤의 이름입니다(더 많은 컨트롤이 동일한 이름을 가질 수 있음), value는 컨트롤의 값 #🎜🎜 #컨트롤의 이름과 값을 정의한 후 서버에서 사용할 수 있습니다. html 테이블에서 번째 헤더 콘텐츠를 중앙에 배치하는 방법은 무엇인가요? 테이블 헤더 태그의 정렬 속성에 대한 자세한 소개 위 내용은 HTML에서 name 속성의 기능은 무엇입니까? 기본 이름 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요! 이 사진의 효과는 무엇인지 살펴보겠습니다 <html>
<select>
<option value="1">php中文网</option>
<option value="2" selected="selected">百度</option>
<option value="3">腾讯</option>
</select>
<form>
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />非常喜欢
<input type="checkbox" name="newsletter" value="Weekly" />喜欢
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />还行
</form>
<input type="button" value="确定"/>
<SPAN style="WHITE-SPACE: pre"> <input type="text" value="请输入原因"/> </SPAN>
</html>
로그인 후 복사
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
