收藏
<!doctype html>
<html>
<head>
<title>表單節(jié)點的獲取</title>
<meta charset='utf-8'/>
<style type="text/css">
table,td{border-collapse:collapse;}
td{padding:10px;}
div{margin-top:40px;}
</style>
<script src='jquery-3.3.1.min.js'></script>
</head>
<body>
<center>
<div>
<form action="" method ='post' enctype="multipart/form-data" >
<table border='1'>
<tr>
<td>用戶名:</td>
<td>
<input type='text' name='username'/>
</td>
</tr>
<tr>
<td>密碼:</td>
<td>
<input type='password' name='password'/>
</td>
</tr>
<tr>
<td>確認密碼:</td>
<td>
<input type='password' name='repassword' />
</td>
</tr>
<tr>
<td>性別:</td>
<td>
<input type='radio' name='sex' value='男' checked="checked"/>男
<input type='radio' name='sex' value='女' />女
</td>
</tr>
<tr>
<td>興趣愛好:</td>
<td>
<input type='checkbox' name='hobby[]' value='籃球' checked="checked"/>籃球
<input type='checkbox' name='hobby[]' value='足球' checked="checked"/>足球
<input type='checkbox' name='hobby[]' value='排球' />排球
<input type='checkbox' name='hobby[]' value='乒乓球' />乒乓球
</td>
</tr>
<tr>
<td>城市:</td>
<td>
<select name='city'>
<option value='北京'>北京</option>
<option value='天津' selected="selected">天津</option>
<option value='上海'>上海</option>
<option value='重慶'>重慶</option>
</select>
</td>
</tr>
<tr>
<td>個人介紹:</td>
<td>
<textarea name='intro' style='resize:none'>hello world</textarea>
</td>
</tr>
<tr>
<td>頭像:</td>
<td>
<input type='file' name='profile' />
</td>
</tr>
<tr>
<td colspan='2' style='text-align:center'>
<input type='submit' value="提交" />
<input type='reset' value="重置"/>
<button>點擊</button>
</td>
</tr>
</table>
</form>
</div>
</center>
</body>
<script type="text/javascript">
//獲取焦點事件
$('input[name=username]').focus(function(){
$(this).css('border','solid 2px blue');
})
//失去焦點事件
$('input[name=username]').blur(function(){
//獲取用戶輸入的值
var tv = $(this).val();
console.log(tv);
})
</script>
</html>點擊 "運行實例" 按鈕查看在線實例
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號
