form 表单 method传值方式 get /post action="url地址" placeholder 表单提示语； input输出表单 type 类型有text为用户名 password 密码类型 input 行内块元素
4年前 0
<form method="get/post" action="地址url"> <input type=“text” name=“username” placeholder="请输入用户名">用户名 <input type="password" name="password" placeholder="请输入密码">密码 <button>登陆</button> </form> <style> input{height:8px;width:258px;border:1px solid #ccc;margin-top:20px;padding:20px;} //设置高和宽 边框设置实线颜色大小 外边距上20 内边距20px button{height:20px;width:300px;border:none;background:red;color;#fff;}//设置高和宽，去掉边框颜色，背景色红色，字体为白色； </style>
4年前 0
表单元素 <input type="text" name ="" placeholder="提示">用户名 <input type="password" name ="">密码 <button>登录</button>
4年前 0
（1）FORM标签有何作用？form有method和action属性，用于指定提交方式以及交互的页面url。form[英][fɔ:m]n.形状; 表格。（2）input类型分为text以及password两种；（3）使用placeholder设置备注；（4）border的实际位置：自身厚度、height / width、padding是叠加关系。
4年前 0
Web开发基础_HTML+CSS课件下载所属章节：Web开发基础_HTML+CSS
李木子
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表单</title> <style> p{ font-size:16px; font-weight:bold; } input{ height:8px; width:128px; margin-top:0px; border: 1px solid #ccc; padding:10px; } [name="but"]{ margin-top:15px; width:150px; height:30px; background:#FC0; color:#FFF; } </style> </head> <body> <form method="post" action="#"> <p>用户名</p> <input type="text" name="user" placeholder="请输入用户名" > <p>密码</p> <input type="password" name="pass" placeholder="请输入密码" ><br> <input type="button" name="but" value="提交"> </form> </body> </html>
3年前 0