HTML-表单

2021-05-28 20:02

阅读:621

标签:网站   form   正则表达式   tag   arch   read   pos   提示信息   length   

表单

input标签中都要写上name养成习惯

表单form中必须要写的是action和method

action:是表单提交的位置,可以是网站或者是一个请求处理地址

method:只有post和get两种提交方式


表单的元素:文本框、单选框、多选框、下拉框(列表框)、文本域、文件域、搜索框、简单验证

表达的元素格式:

  • type:指定元素类型。text、password、checkbox(多选)、radio(单选)、submit(提交按钮)、reset(重置按钮)、file、hidden(隐藏的)、image、button,默认是text

  • name:指定表单元素的名称(必填)

  • value:元素的初始值,当type为radio的时候必须指定一个值

  • size:指定表单元素的初始宽度。type为test和password的时候,大小单位是字符;其他类型的时候单位是像素

  • maxlength:type为test和password的时候,输入的最大字符数

  • checked:type是radio或者checkbox的时,指定按钮是否被选中


html lang="en">
head>
   meta charset="UTF-8">
   title>表单title>
head>
body>
?
h1>注册h1>
?

form action="https://baidu.com" method="post">
 
 p> 名字:input type="text" name="username" value="木之本樱"  readonly maxlength="10" size="30">p>
 
 p> 密码:input type="password" name="password" hidden value="123456">p>
?
 
 p>性别:
     input type="radio" value="boy" name="sex"/>男
     input type="radio" value="girl" name="sex" checked/>女
 p>
?
 
   p>爱好:
       input type="checkbox" value="sleep" name="hobby" checked>睡觉
       input type="checkbox" value="game" name="hobby">游戏
       input type="checkbox" value="code" name="hobby">敲代码
       input type="checkbox" value="girl" name="hobby">女孩
   p>
?
   
   p>
       input type="button" name="btn1" value="变变变">

?
   p>
?
   


评论


亲,登录后才可以留言!