div+css 페이지 레이아웃을 위한 5가지 팁

이 장에서는 div+css 페이지 레이아웃에 대한 5가지 팁을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 양식 텍스트 입력을 위한 모바일 선택:

텍스트 입력 필드에 프롬프트가 추가되면 방문자가 마우스를 사용하여 선택, 삭제해야 하는 경우가 많습니다. 을 클릭한 다음 유용한 정보를 입력하세요. 실제로 에 onMouseOver="this.focus()" onFocus="this.select()" 코드를 추가하기만 하면 다음과 같이 모든 것이 훨씬 더 간단해집니다. <strong> </strong>

<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">
Input English..</textarea>

마찬가지로 에 코드를 추가할 수 있습니다.

2. 양식 입력 단위 삭제를 클릭합니다.

이 열은 위와 동일한 기능을 갖지만 마우스 사용에 약간의 변화가 있습니다. 마우스 오버레이 대신 클릭해야 합니다. 예를 들면

<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=&#39;&#39;">

입력단위를 클릭하면 프롬프트 정보가 삭제되는데 참 편리하지 않나요?

3. 양식 입력 단위 테두리 설정:
기존 양식 단위 테두리를 변경하면 홈페이지가 더욱 다채로워집니다. 예를 들면 다음과 같습니다.

<input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; 
BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8">

그 중 "style=***"은 왼쪽, 오른쪽, 위쪽, 아래쪽 및 배경색 설정이며 다른 단위에도 적용 가능합니다. .

4. 양식 입력 단위의 텍스트 설정:
양식의 단위 글꼴은 다음과 같이 수정할 수 있습니다.

<input type=text name="address" size=19 value="Enter,e-mail..." 
style=font-family:"verdana";font-size:10px >

5. 양식 속성을 팝업 창으로 수정합니다.

대부분의 양식이 활성화되면 현재 페이지에서 열리며 일반적인 탐색에 영향을 줍니다. 다음과 같이 수정하는 것이 좋습니다.

<form method=POST action=url target=_blank>

여기서 "target=_blank"는 팝업 창 열기를 제어합니다.

위 내용은 div+css 페이지 레이아웃 5가지 팁 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!