웹폼 디자인 팁 5가지_HTML/Xhtml_웹페이지 제작

1. 양식 텍스트 입력을 위한 모바일 선택: 텍스트 입력 필드에 프롬프트가 추가되면 방문자는 이를 마우스로 선택하고 삭제한 후 유용한 정보를 입력해야 하는 경우가 많습니다. 실제로 onMouseOver="this.focus()" onFocus="this.select()" 코드를 에 추가하기만 하면 다음과 같이 모든 것이 훨씬 더 간단해집니다. <br> <br>인용된 내용은 다음과 같습니다. <br><textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">이름을 입력해주세요
마찬가지로 에 코드를 추가할 수 있습니다.
2. 양식 입력 장치를 클릭하여 삭제: 이 열은 위와 동일한 기능을 갖지만, 위와 같이 마우스로 그냥 가리는 것이 아니라 클릭을 해야 한다는 점에서 약간의 변화가 있습니다. 좋다:
인용된 내용은 다음과 같습니다.


입력수단을 클릭하면 안내 메시지가 삭제되는데, 참 편리하지 않나요?
3. 양식 입력 단위 테두리 설정: 기존 양식 단위 테두리를 변경하면 홈페이지가 더욱 다채로워집니다. 좋다:
인용된 내용은 다음과 같습니다.


그 중 "style=***"은 왼쪽, 오른쪽, 위쪽, 아래쪽 및 배경색 설정으로 다른 유닛에도 적용됩니다.
4. 양식 입력 단위의 텍스트 설정: 양식의 단위 글꼴을 다음과 같이 수정할 수 있습니다.
인용된 내용은 다음과 같습니다.


여기서 "style=***"은 글꼴 및 글꼴 크기 설정입니다.
5. 팝업 창에 대한 양식 속성 수정: 대부분의 양식이 활성화된 후에는 현재 페이지에서 열리므로 일반적인 탐색에 영향을 미칩니다. 다음과 같이 수정하는 것이 좋습니다.
인용 내용은 다음과 같습니다.

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