CSS에서 제출이란 무엇을 의미합니까?
- 醉折花枝作酒筹원래의
- 2021-04-27 18:05:575153검색
CSS에서 제출은 버튼을 클릭하면 사용자 정보 양식이 원격 데이터베이스에 제출된다는 의미입니다. 구문은 "type="submit""입니다. type 속성은 확인 버튼의 양식 요소 유형을 반환할 수 있습니다. 이는 해당 버튼이 확인 버튼임을 의미합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
Submit 개체는 HTML 형식의 제출 버튼(submitbutton)을 나타냅니다. 태그가 HTML 양식에 나타날 때마다 제출 개체가 생성됩니다.
양식이 제출되기 전에 onclick 이벤트 핸들이 트리거되고 핸들러는 false를 반환하여 양식 제출을 취소할 수 있습니다.
예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>
</head>
<style>
input[type="text"],
select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
width: 100%;
background-color: #4caf50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
<body>
<h3>使用 CSS 来渲染 HTML 的表单元素</h3>
<div>
<form action="/action_page.php">
<label for="fname">First Name</label>
<input
type="text"
id="fname"
name="firstname"
placeholder="Your name.."
/>
<label for="lname">Last Name</label>
<input
type="text"
id="lname"
name="lastname"
placeholder="Your last name.."
/>
<label for="country">Country</label>
<select id="country" name="country">
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>
<input type="submit" value="Submit" />
</form>
</div>
</body>
</html>효과:
추천 학습: css 비디오 튜토리얼
위 내용은 CSS에서 제출이란 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：CSS로 br 높이를 설정하는 방법다음 기사：CSS로 br 높이를 설정하는 방법