양식 상자의 크기를 설정하는 방법은 무엇입니까?

Question

Dreamweaver에서이 양식을 사용하고 있지만 웹 사이트에서 다시 사용하면 모양이 나타납니다. 동적 콘텐츠 (php)로 include를 통해 사이트가로드됩니다.

<form action="index.php" method="get"> 
     <input type="hidden" name="content" value="home" /> 
     <label>Go to 
      <input style height="20" width="40" type="numeric" name="page" /> 
     </label> 
     <input type="submit" value="Go" /> 
     </form> 

감사합니다.

Answer 1

더 이상 사용되지 않는 width 및 height HTML 속성을 사용하여 필요한 경우 style="width:Npx; height:Mpx;"을 추가하십시오.

예 :

<form action="index.php" method="get"> 
    <input type="hidden" name="content" value="home" /> 
    <label>Go to 
     <input style="height:20px; width:40px" type="numeric" name="page" /> 
    </label> 
    <input type="submit" value="Go" /> 
</form> 

Answer 2

하거나, CSS에서 width 재산 사용 따라서 모든 부모의 폭에 걸쳐 strecthes, <form style='width:##px'><form> 요소가 블록 기본적으로 표시됩니다

Answer 3

하지만 다른 대답은 아마 여기에서 작동 할 것입니다. 인라인 스타일 태그는 이상적으로 피해야합니다.

정말 CSS 스타일 시트를 설정하고 입력 요소에 클래스를 부여하고 스타일 시트에서이 클래스에 대해 원하는 스타일을 설정해야합니다. 이런 식으로하는 것의 이점은 웹 사이트에서 이와 같은 양식 요소 이상을 가진 경우 클래스 이름을 추가 할 수 있으며 같은 방식으로 나타납니다 (상황이 바뀌면 특히 중요합니다) .

CSS를 사용하는 것은 학습 곡선이지만 장기적으로는 여러 번 지불해야합니다.