这篇博客介绍了HTML入门级别的基本布局，重点讲解了各种表单元素的使用，包括按钮、复选框、文件上传、隐藏字段、图像提交按钮、密码输入、单选按钮、文本输入和下拉菜单。通过实例展示了这些元素如何创建和配置，帮助初学者理解HTML表单的构建。
<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" onclick="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>
html入门十个基本布局输入
最新推荐文章于 2022-06-21 16:22:03 发布
扫一扫
680
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
