lovecoding
/
Java0715


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <form action="hello.html" method="get">
        手机号 <input type="text" name="mobile"/> 
        <br/>
        <!-- 如果希望提交一些信息 但是不显示在页面中 -->
        <input type="hidden" name="id" value="1111"/>
        <!-- 在提交数据时 可以将隐藏域中的name和value拼接到url中 -->
        <!-- http://127.0.0.1:5500/hello.html?mobile=123&id=1111 -->

        <!-- 如果希望显示数据 但是用户不允许修改 可以增加属性readonly -->
        <input type="text" name="tid" value="2222" readonly/>
        <br/>
        <!-- 此时的数据会被提交 -->
        <!-- http://127.0.0.1:5500/hello.html?mobile=12&id=1111&tid=2222&desc=232 -->

        <!-- 如果希望显示数据 也不允许修改 但也不希望提交 disabled 意思是不可用的-->
        <input type="text" name="did" value="3333" disabled/>
        <br/>
        <!-- 此时的did不在提交的url参数中 -->
        <!-- http://127.0.0.1:5500/hello.html?mobile=12&id=1111&tid=2222&desc=12 -->

        <br/>
        <!-- 多行文本框 对应标签textarea -->
        备注 <textarea name="desc"></textarea>
    
        <br/>

        <!-- 文件标签 -->
        头像 <input type="file" name="file" /> 
        <br/>
        <button type="submit">提交button</button>
        <input type="submit" value="提交" />
        <br />
        <button type="reset">重置button</button>
        <input type="reset" value="重置" />
        <br />
        <!-- 对于普通类型的按钮 点击后无效果 要结合javascript绑定单击函数 -->
        <button type="button">普通button</button>
        <input type="button" value="普通" />
    </form>
</body>
</html>