Как создать таблицу слияния с div - PullRequest
Новая
       0

Как создать таблицу слияния с div

0 голосов
/ 18 марта 2020

Это мой <div> для создания формы. 

<div class="row">
    <div class="col-sm-5">
        <x-selects.singlehorizontal id='product_id' label='ProductID' :option='App\Product::pluck("code","id")' placeholder='null'/>
    </div>
    <div class="col-sm-5">
        <x-inputs.texts.horizontal id='Lot' type='text' label='Lot No'/>
    </div>
</div>
<div class="row">
    <div class="col-sm-5">
        <x-selects.singlehorizontal id='endproduct_id' label='End Product Name' :option='App\Product::pluck("code","id")' placeholder='null'/>
    </div>
    <div class="col-sm-5">
        <x-inputs.datehorizontal id='pro_date' label='ProDate'/>
    </div>
</div>

, который будет отображаться так 

[Question] : [Input]   [Question] : [Input]  +----------+
[Question] : [Input]   [Question] : [Input]  |[Question]|
[Question] : [Input]   [Question] : [Input]  |----------|<- I I want to make a box with 5 lines
[Question] : [Input]   [Question] : [Input]  |          |
[Question] : [Input]   [Question] : [Input]  |  [Input] |
[Question] : [Input]   [Question] : [Input]  +----------+

и справа, ... это возможно с <div> а как подогнать поле ввода к высоте поля?

1 Ответ

1 голос
/ 18 марта 2020 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
    <link rel="stylesheet" type="text/css" href="until.css">
</head>

<body>



        <table>
            <tr ><td>Question</td><td><input type="text" placeholder="question"></td> <td>question</td><td><input type="text" placeholder="question"></td> </tr>
            <tr ><td>Question</td><td><input type="text" placeholder="question"></td> <td>question</td><td><input type="text" placeholder="question"></td> </tr> 

        <tr ><td>Question</td><td><input type="text" placeholder="question"></td> <td>question</td><td><input type="text" placeholder="question"></td> </tr> 


            <tr ><td>Question</td><td><input type="text" placeholder="question"></td> <td>question</td><td><input type="text" placeholder="question"></td> </tr> 


            <tr ><td>Question</td><td><input type="text" placeholder="question"></td> <td>question</td><td><input type="text" placeholder="question"></td> </tr> 


            <tr ><td>Question</td><td><input type="text" placeholder="question"></td> <td>question</td><td><input type="text" placeholder="question"></td><td ><button id="large">sumbit</button></td>  </tr> 




        </table>
</body>
</html>

css

#large{
    height: 100px;
    width: 100px;
     position: absolute;
  left: 38%;
  top: 5%;
   text-align: center;
  font-size: 23px;
}

это должно работать

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...