혼란스럽고 오류가 발생하기 쉬운 HTML 태그 요약-PHP 튜토리얼-php.cn

혼란스럽고 오류가 발생하기 쉬운 HTML 태그 요약

WBOY

풀어 주다： 2016-08-08 09:19:54

원래의

992명이 탐색했습니다.

하루 종일 고생한 끝에 마침내 HTML 태그의 올바른 사용과 각각의 적용 가능성을 명확하게 이해하게 되었습니다. 비슷한 실수를 다시는 하지 않기 위해 다음은 간략한 요약입니다.

모든 것은 이런 문제 때문입니다

<html>
<head>
</head>
<body>
	<form id="form1" method="get" >	
		用户名：<input type="text" id="name" name="name" />
		<p id="username"></p>
		<br />
		密码：<input type="password" id="password" name="password" />
		
		<button type="submit" /button>		
	</form>

	<script>
	window.x=document.getElementById("username");
	window.
	{
		document.getElementById('name').focus();
	}
	//
	function mUp()
	{	
		if(document.getElementById('name').value=="")
		{
			x.innerHTML = "用户名不能为空";
			//alert("不能为空");
		}
		else
			document.getElementById('form1').action="/login";
	}
	</script>	
</body>
</html>

로그인 후 복사

위 코드를 실행하고 아무것도 입력되지 않았을 때 "로그인" 버튼을 클릭하면 "사용자 이름을 입력할 수 없습니다. 비어 있음"이 표시되지만 한 번만 나타나면 충돌이 발생합니다. 이유는 무엇입니까?

핵심은 여기

<button type="submit" /button>

로그인 후 복사

이때 2개의 이벤트가 발생하게 되는데, 먼저 onclick에 해당하는 함수를 호출한 후 자동으로 submit(이때 type이 submit이기 때문에) 자연스럽게 됩니다. 프롬프트를 덮어씁니다. 따라서 유형을 버튼으로 설정하면 문제를 해결할 수 있습니다.

다음은 간략한 요약입니다.

HTML 태그의 type 속성

값 th>

설명

버튼

클릭 가능한 버튼 정의(

值	描述
button	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox	定义复选框。
file	定义输入字段和 "浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
reset	定义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

주로 JavaScript를 통해 스크립트를 실행하는 데 사용) .

체크박스

체크박스를 정의합니다.

파일

파일 업로드를 위한 입력 필드와 "찾아보기" 버튼을 정의합니다.

숨김

숨겨진 입력 필드를 정의합니다.

image

제출 버튼을 이미지 형식으로 정의합니다.

비밀번호

비밀번호 필드를 정의합니다. 이 필드의 문자는 마스크되어 있습니다.

라디오

라디오 버튼을 정의합니다.

재설정

재설정 버튼을 정의합니다. 재설정 버튼을 누르면 양식의 모든 데이터가 지워집니다.

제출

제출 버튼을 정의합니다. 제출 버튼을 누르면 양식 데이터가 서버로 전송됩니다.

텍스트

사용자가 텍스트를 입력할 수 있는 한 줄 입력 필드를 정의합니다. 기본 너비는 20자입니다.

참고: type=button: 버튼 기능 ; type=submit:

양식을 보내는 것입니다.

태그의 HTML

值	描述
submit	该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。
button	该按钮是可点击的按钮（Internet Explorer 的默认值）。
reset	该按钮是重置按钮（清除表单数据）。