HTML的按钮，文本框等零件

最新推荐文章于 2023-11-22 09:04:38 发布
最新推荐文章于 2023-11-22 09:04:38 发布
阅读量1k 收藏 3
点赞数
分类专栏： HTml 文章标签： html type input java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxcszrp/article/details/51868812
版权

1.文本框：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<form>
用户名：<input type="text" id="username" name="username"/> //后面那两个id和name我也不知道有啥用，但是书上都写上了。
</form>
</body>
</html>

2.密码框：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<form>
用户名：<input type="text" id="username" name="username"/> //后面那两个id和name我也不知道有啥用，但是书上都写上了。<br/>
密码：     <input type="password" id="password" name="passward"/><span style="white-space:pre">	</span>//想要对齐用表格
</form>
</body>
</html>

3.文本框： 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<form action="">
<textarea rows="10" cols="10"></textarea>
</form>
</body>
</html>

4.单选框： 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<form action="">
性别：<input type="radio" name="sex">男
<input type="radio" name="sex">女
</form>
</body>
</html>

5.复选框： 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<form action="">
爱好：<input type="checkbox" name="hobby">游泳
<input type="checkbox" name="hobby">唱歌
<input type="checkbox" name="hobby">跳水
</form>
</body>
</html>

6.下拉框：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<form action="">
爱好：<select>
	<option value="1">唱歌</option>
	<option value="2">跳舞</option>
</select>
</form>
</body>
</html>

7.按钮：有两种 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<input type="button" value="重置"/>
<input type="submit" value="登陆"/>
</body>
</html>

8.选择本地文件 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，html</title>
</head>
<body>
<input type="file"/>
</body>
</html>



wxcszrp
关注
专栏目录
入门HTML之表单 文本框 文本域 按钮
u011333814的专栏
12-18 6161
HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。 表单是网页上的一个特定区域。这个区域是由一对元素定义的。  元素 action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。 M
html5+css表单input/textarea/select的属性与使用方法/学习笔记
No1banana的博客
02-12 3366
html5+css表单input/textarea/select的属性与使用方法/学习笔记
文本框 css 样式
07-29
文本框 css 样式 鼠标移上去文本框变成浅绿色 文本框提示样式，鼠标点击获得焦点时提示内容消失 input文本框样式 只有下划线的文本框： 软件序列号式的输入框： 软件序列号式的输入框(完整版)： 输入框景背景透明： 鼠标划过输入框，输入框背景色变色： 等等
html文本框带按钮代码,HTML Input Button value用法及代码示例
weixin_35437039的博客
06-03 1206
HTML DOM中的DOM输入按钮值属性用于设置或返回Button字段的value属性的值。 value属性指定在Button上显示的文本。用法:它返回value属性。buttonObject.value用于设置value属性。buttonObject.value = text属性值：它包含单个值文本，该文本定义了输入Button字段的值。返回值：它返回代表按钮字段值的字符串值。示例1：本示例说明...
html 按钮获取文本框,jQuery Html控件基本操作(日常收集整理)
weixin_39598472的博客
06-04 456
闲来无聊，收集总结一下jQuery常用操作，希望对新手有用。基于jquery 1.3.21.文本框//文本框$("#btnTextGet").click(function(){alert($("#txtNum").val());});$("#btnTextSet").click(function(){$("#txtNum").attr("value",'123456');//赋值//$("#txt...
html做一个文本框和提交按钮,html按钮v.s. HTML提交？
weixin_28771421的博客
06-25 1205
6 个答案:答案 0 :(得分：11)您甚至可以这样使用提交按钮：语义提交按钮用于提交表单而非重定向页面。您应该使用普通按钮类型。然而，正如我所示，你也可以使用提交按钮，但我认为这不是语义。以下行阻止提交表单。return false;这就是您在代码中遗漏的内容：)由于答案 1 :(得分：8)默认情况下，-elements和不会执行任何操作，除非您告诉他们使用Javascript执行某些操作。将提...
手把手教你Adams一键修改自定义材料小程序二次开发
qq_40246204的博客
12-06 9145
Adams一键修改自定义材料小程序写在前面菜单栏增加自己的对话框一键修改材料的代码这个小程序的用法 写在前面 为了解决零件过多，一个一个修改材料较为麻烦，使用本小程序可以复选多个零件改成指定材料，材料可以是Adams已经定义好的，也可是自己定义的。小程序是利用Adams命令写在对话框中的，可以方便的在顶部菜单栏中找到。这里参考了宋老师的编程，详情可以关注宋老师的博客或者买他的书。 下面就开始跟着我一步步来吧，如过已经了解了Adams 编程，仅仅需要一键修改材料的代码的话，请直接跳到一键修改材料的代码 菜单栏
LabVIEW测试测量项目Demo数据库操作演示项目结构搭建源码
最新发布
ESLeDFtJiq的博客
11-22 447
通过以上的演示，我们不仅能够更好地掌握如何在LabVIEW中进行测试与测量，还能够更好地理解如何设计一个适合自己项目的代码结构。首先，我们需要设计一个合适的项目结构，以便我们更好地组织与管理Demo的相关代码。为了更好地解决这个问题，我们设计了一个Demo数据库操作演示项目，旨在通过演示项目结构搭建源码，向大家展示如何在LabVIEW中进行测试与测量。总之，通过这个演示项目，我们相信大家一定能够更好地掌握LabVIEW的测试与测量技术，为自己的项目开发提供一个更加稳定、高效的测试与测量环境。
HTML文本框样式
10-25
各种HTML文本框样式，看看有没有你想要的。
超级好看的文本框样式
09-11
有了它之后，页r面上的文本框就非常好看啦，用法很简单，直过复制过来用就可以啦，input表单元素也是通用的
一个看起来比较舒服值得学习的文本框样式
09-25
一个看起来比较舒服的文本框样式，关键点在黄色背景那几点，示例代码及截图如下，喜欢的朋友可以参考下
一个输入框可以选择年月日
07-12
能够有效的限制用户输入的格式。并能手动选择要输入的年月日
日期输入框演示(html代码)
08-25
日期输入框演示(html代码),日期输入框演示(html代码),
文本框样式!
weixin_33725126的博客
09-07 61
<html> <head> <style type="text/css">.input1{ BACKGROUND-COLOR:#ffffff; BORDER-BOTTOM:#000000 1px solid; BORDER-LEFT:#000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP:...
HTML中文本框\单选框\按钮\多选框
爪哇人的博客
10-23 5447
【代码】HTML中文本框\单选框\按钮\多选框。
文本框样式
越努力越幸运~~ Java领域从业者；CSDN新兴创新博主；Java领域优质创作者；书写奋斗者故事;欢迎交流学习进步；
02-26 1260
1、只有下划线的文本框： <input style=“border:0;border-bottom:1px solid #333333;”/> 2、软件序列号式的输入框： <script for=“T” event=“onkeyup”&g...
[HTML]文本框样式
[橫渡]
10-25 2767
textarea { border: none; overflow: visible; width: 100%;}-->
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值