html入门十个基本布局输入

这篇博客介绍了HTML入门级别的基本布局,重点讲解了各种表单元素的使用,包括按钮、复选框、文件上传、隐藏字段、图像提交按钮、密码输入、单选按钮、文本输入和下拉菜单。通过实例展示了这些元素如何创建和配置,帮助初学者理解HTML表单的构建。
摘要由CSDN通过智能技术生成

<html>
<head>
<title>type类型</title>
</head>
<body>
<form action="action.do" method="post">
一个登录按钮:<input type="button" value="登录"><br/>
<!-- 复选框的使用  选择正确的有哪些-->
牛奶<input type="checkbox" value=a name="manyselect" checked="checked">蛋白质<br/>
鸡蛋<input type="checkbox" value=b name="manyselect">蛋白质<br/>
牛肉<input type="checkbox" value=c name="manyselect">蛋白质<br/>
羊肉<input type="checkbox" value=d name="manyselect">蛋白质<br/>
要上传的文件<input type="file" ></input>
<!--  file是的文件上传类型-->
<input type="hidden"  value="涉案金额" name="money"><!-- 后台传值所用 --><br/>
<input type="image" src="C:\Users\Administrator\Desktop\bg.jpg" width="200px" height="100px"  alt="Submit" >
密码为:<input type="password" name="b"></input><br/>
<!-- 此处的b为传值作用,根据b来找到这个密码 -->
苹果含有维生素c<input type="radio" value=1 name="oneselect"></input>
<input type="radio" value=2 name="oneselect"></input>

<p>用户名:<input type="text" name="username" value="123"></input></p>
<p>密码:<input type="password" name="password" value="222"></input></p>
<input type="reset" value="重置" name="reset" οnclick="Text()" ></input><br/>
<input type="submit" value="提交" name="submit"></input>
<select name=" ">
   <option value=""  selected>选择职位</option>
   <option value="31"  >选项2</option>
   <option value="32"  >选项3</option>
   <option value="33"  >选项4</option>
</select>

</form>
<!-- form表单的作用能将多条信息整合起来进行传送。
submit是一个提交按钮,与button不同的是,submit会提交表单。
而button是单纯的一个按钮-->
</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值