您的位置:58脚本 > html表单输出框 HTML 表单输出

html表单输出框 HTML 表单输出

2023-03-12 16:32 HTML教程

html表单输出框 HTML 表单输出

html表单输出框

HTML表单输出框是一种用于在网页上显示文本的元素,它可以用来显示用户输入的信息,也可以用来显示服务器端返回的数据。它是一个只读的文本框,不能被用户修改。

<input type="text" name="name" value="John Doe" readonly>

HTML表单输出框通常使用 <input type="text"> 标签来创建,并且必须将 readonly 属性设置为 "true" 以防止用户修改内容。此外,还可以使用 value 属性来设置默认值。例如:

<input type="text" name="name" value="John Doe" readonly>

此外,还可以使用 CSS 来样式化 HTML 表单输出框,例如将背景颜色、字体大小、字体样式、文本对齐方式、宽度和高度等都可以通过 CSS 来定义。例如:

.output-box { 
    background-color: #f2f2f2; 
    font-size: 14px; 
    font-family: Arial, sans-serif; 
    text-align: center; 
    width: 200px; 
    height: 30px; 
}

HTML 表单输出

HTML表单输出


输出元素表示计算的结果。

它有局部属性:name,form,for。

下面的代码显示了正在使用的输出元素。

<!DOCTYPE HTML>
<html>
<body>
  <form onsubmit="return false"
    oninput="res.value = quant.valueAsNumber *  price.valueAsNumber">
    <fieldset>
      <legend>Price Calculator</legend>
      <input type="number" placeholder="Quantity" id="quant" name="quant" />
      x <input type="number" placeholder="Price" id="price" name="price" />
      =
      <output for="quant name" name="res" />
    </fieldset>
  </form>
</body>
</html>


阅读全文
以上是58脚本为你收集整理的html表单输出框 HTML 表单输出全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58脚本 58jiaoben.com 版权所有 联系我们
桂ICP备12005667号-28 Powered by CMS