时间戳

首页 > 解决方案 > 我怎样才能防止以讨厌的方式开始输入

html - 我怎样才能防止以讨厌的方式开始输入

问题描述

我想让我的文本框从行开始。我该怎么办？这是我的代码。

<div id="middle">
   <div id="left">
   </div >
   <div id="m">
        Name: <input type="text" name="y1" id="Name1"> <label style="display: none " id="Name" name="y2" >A </label><br />
        Family: <input type="text" name="y1" id="Family1"> <label  style="display: none " id="Family" name="y2" >B </label><br />
        Phone: <input type="text" name="y1" id="Phone1"><label style="display: none " id="Phone" name="y2" >C </label><br />

        <button  onclick="myFunction()">save</button>
        <button  onclick="myFunction1()">refresh</button>
   <div>

结果是：

在此处输入图像描述

但我希望它在不使用空间的情况下这样显示：

米

标签： htmlcss

解决方案

label{
   width:50px;
   display:inline-block
}
<div id="middle">
    <div id="left">
    </div >
    <div id="m">
       <label>Name:</label> <input type="text" name="y1" id="Name1"> <label style="display: none " id="Name" name="y2" >A </label><br />
    <label>Family:</label> <input type="text" name="y1" id="Family1"> <label  style="display: none " id="Family" name="y2" >B </label><br />
    <label>Phone:</label> <input type="text" name="y1" id="Phone1"><label style="display: none " id="Phone" name="y2" >C </label><br />




    <button  onclick="myFunction()">save</button>
    <button  onclick="myFunction1()">refresh</button>

添加标签解决它！

推荐阅读