HTML如何实现文本输入框内置内容

HTML如何实现文本输入框内置内容,第1张

<html>

<body>

<form action="/example/html/form_action.asp" method="get">

<p>First name: <input type="text" name="fname" /></p>

<p>Last name: <input type="text" name="lname" /></p>

<input type="submit" value="Submit" />

</form>

<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>

</html>

用的是INPUT标签

input标签后面的type是输入的类型

type="text"是文本输入框

type="submit"是提交按钮

他会被标记为一个类似于变量的结构

name后面就使用输入数值的时候的名字

html中框内打勾为checkbox复选框

checkbox为HTML中 <input>标签的 type 属性下的值。

<input>标签用于搜集用户信息。在 HTML 中,<input>标签没有结束标签。在 XHTML 中,<input>标签必须被正确地关闭。

type 属性规定 input 元素的类型。<input type="checkbox" />定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项

其使用例子如下:

打开为网页后页面如下:

扩展资料:

CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭。

该控件表明一个特定的状态(即选项)是选定 (on,值为true) 还是清除 (off,值为false)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。进行选项组合。

在 HTML 文档中 <input type="checkbox">每出现一次,Checkbox 对象就会被创建

您可以通过遍历表单的 elements[] 数组来访问某个选择框,或者通过使用 document.getElementById() 。

参考资料:百度百科_CheckBox的介绍


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5929966.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-08
下一篇 2023-03-08

发表评论

登录后才能评论

评论列表(0条)

保存