> 웹 프론트엔드 > HTML 튜토리얼 > 일반적으로 사용되는 입력 텍스트 상자의 내용은 자동으로 수직 중앙에 배치되며 클릭 시 기본 프롬프트 텍스트는 비어 있습니다.

일반적으로 사용되는 입력 텍스트 상자의 내용은 자동으로 수직 중앙에 배치되며 클릭 시 기본 프롬프트 텍스트는 비어 있습니다.

php中世界最好的语言
풀어 주다: 2018-02-12 10:02:57
원래의
2898명이 탐색했습니다.

이번에는 자주 사용하는 입력란의 내용이 자동으로 세로 중앙에 배치되고 클릭 시 기본 프롬프트 텍스트가 비어 있을 때 주의할 점을 알려드리겠습니다. 수직으로 중앙에 있고 클릭하면 기본 프롬프트 텍스트가 비어 있습니다. 다음은 실제 사례입니다. 살펴보겠습니다.

이 효과에는 세 가지 기능이 있습니다.

1. 콘텐츠가 자동으로 수직 중앙에 배치됩니다.
2. 기본 프롬프트 텍스트는 회색입니다.
3.

<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="请输入企业名称" style="color:gray;" onfocus="javascript:if(this.value == &#39;请输入企业名称&#39;) this.value = &#39;&#39;; this.style.color=&#39;gray&#39;;" onblur="if(this.value == &#39;&#39;) {this.value = &#39;请输入企业名称&#39;; this.style.color = &#39;gray&#39;;}">
로그인 후 복사

를 클릭하면 내용이 비어 있게 됩니다. , more PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!

관련 읽기:

html에서 인라인 요소와 블록 수준 요소의 차이점은 무엇입니까?

파일 형식 입력을 클릭하지 않고 파일 선택 대화 상자를 팝업하기 위해 트리거 방법을 사용하는 방법

텍스트 주석을 표시하기 위한 HTML 기호에는 무엇이 있습니까?

위 내용은 일반적으로 사용되는 입력 텍스트 상자의 내용은 자동으로 수직 중앙에 배치되며 클릭 시 기본 프롬프트 텍스트는 비어 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿