HTML中添加输入框的代码是什么啊?

HTML中添加输入框的代码是什么啊?,第1张

html中添加输入框的使用的input标签,基本的定义和用法如下:

<input>标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

工具原料:编辑器、浏览器

1、创建一个简单的input标签实现网页上的输入框效果,代码如下:

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

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

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

2、以上代码中type=text是文本的输入框,type=submit是一个提交按钮,运行的效果如下图:

文本框 :<input id="_text" type="text" value="这里是文本框的内容" />

按钮:<input type="button" value="提交" onclick="alert(document.getElementById('_text').value)" />

<script>

function addNumber(everyone)

{

document.getElementById("text1").value += everyone

}

</script><input type="button" onclick="addNumber(1)" value= "1"></input><input type="text" id="text1"></input><input type="button" onclick="addNumber(2)" value= "2"></input>

1、首先在电脑桌面上,新建并打开一个记事本文件。

2、这里要用到<form>标签,这个标签包含了表单的一些元素,这里要用到<input>元素,具体格式如下图。

3、其中红框内 type="text" 意思是文本框,其中的text可以换成其他的,name="firstname"是这个文本框的名字。

4、然后点击保存,改变记事本文件后缀为html,看看网页显示效果。

5、接着来做一个最常用的登陆框,首先做出用户名+文本框;密码+文本框,以下是代码。

6、最后保存,看看网页显示效果,就完成了。


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

原文地址: http://outofmemory.cn/zaji/6143621.html

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

发表评论

登录后才能评论

评论列表(0条)

保存