미채택 완료

표+input 문의

2022-09-20 (화) 08:39:11 1,684
Copy
<?php
include_once('./_common.php');   //그누보드 변수 사용
?>
<style>
table, td, th {
  border : 1px solid black;
  border-collapse : collapse;
};
</style>

<table  width="100%" style="font-size: 2em"  width="50%" >
<?php for($r=1; $r < 5 ; $r++) { ?>
    <tr>
        <td >
            <input id="<?='r'.$r.'c'.$c?>" type="text" value="이름" size="1" style="border:none;" />
        </td>
    <?php for($c=0; $c <30 ; $c++) { ?>
        <td>
            <input id="<?='r'.$r.'c'.$c?>" type="text"  value="<?=$c+$r?>" maxlength="1" size="1" style="border:none;" />
        </td>
    <?php }?>
    </tr>
<?php }?>
</table>

위 코드를 실행하면 아래처럼 나옵니다.

3732213272_1663630691.0246.png....

원하는건 아래처럼 11,12 ....  의 표 크기가 더 줄어들길 바랍니다.

3732213272_1663630729.971.png

|

답변 1개 / 댓글 2개

표의 가로폭을 지정하셔서 그렇습니다.

Copy
<?php
include_once('./_common.php');   //그누보드 변수 사용
?>
<style>
table, td, th {
  border : 1px solid black;
  border-collapse : collapse;
};
</style>
<table   style="font-size: 2em"  >
<?php for($r=1; $r < 5 ; $r++) { ?>
    <tr>
        <td width="150px">
            <input id="<?='r'.$r.'c'.$c?>" type="text" value="이름" size="1" style="border:none;" />
        </td>
    <?php for($c=0; $c <30 ; $c++) { ?>
        <td>
            <input id="<?='r'.$r.'c'.$c?>" type="text"  value="<?=$c+$r?>" maxlength="1" size="1" style="border:none;" />
        </td>
    <?php }?>
    </tr>
<?php }?>
</table>

로 바꿔보세요

<table> 태그와

<td> 의 첫번째에서만 조절했습니다.

답변에 대한 댓글 2개

2022-09-20 (화) 16:27:12
마찮가지입니다. 크롬이나 엣지나 마찮가지입니다.
저만 그런건가요..

INPUT 없이 td만 있으면 원하는 그림이 나옵니다.
2022-09-20 (화) 17:01:51
자답입니다.

인풋 빼고 표만 하면 원하는데로 나오길래 인풋에 with: 100%를 주니까 원하는데로 나오네요.

<input id="<?='r'.$r.'c'.$c?>" type="text" value="<?=$c+$r?>" maxlength="2" size="" style="border:none; width: 100%" />

답변 감사합니다.

답변을 작성하려면 로그인이 필요합니다.