JSPコピペ
文字化け防止
request.setCharacterEncoding("UTF-8");
String型に変換
HTMLから1つのデータを受けとる("HTMLパラメータ名")内が受け取る場所
String 好きな変数 = request.getParameter("HTMLパラメータ名");
HTMLから複数のデータを受けとる("HTMLパラメータ名")内が受け取る場所
String[] 好きな変数名 = request.getParameterValues("HTMLパラメータ名");
--------------------------------------
HTMLファイル内の記述(コピペ)
JSPファイルとの接続
<form action="リクエストを受けるところの名前.jsp" method ="post"> 下記入力 </form>
//postはセキリュティ的(パスワード保護)とかのために使うので
postのところはgetでも大丈夫そこは臨機応変に
テーブル作成
<table border="1" summary="テーブル名">
<tr>
<th>文章</th>
<td>form文</td>
</tr>
<tr>
<th>文章</th>
<td>form文</td>
</tr>
</table>
段落タグ
<p> form文</p>
テキストBOX作成(テーブル内)
HTMLファイル内は
<input type="text" name="パラメータ名" value="ボックス内表示"/>
jspファイル内は
String getパラメータ名 = request.getParameter("パラメータ名");
ドロップダウンリスト(テーブル内)
HTMLファイル内は
<select name="パラメーター名">
<option value="パラメータ値1" selected="selected">表示される文字列</option>
<option value="パラメータ値2">表示される文字列</option>
</select>
jspファイル内は
String getパラメータ名 = request.getParameter("パラメータ名");
ラジオボタン(テーブル内)
HTMLファイル内は
<label><input type="radio" name="パラメータ名" value="パラメータ値1"/>
表示される文字</label>
<label><input type="radio" name="パラメータ名" value="パラメータ値2"/>
表示される文字2</label>
jspファイル内は
String getパラメータ名 = request.getParameter("パラメータ名");
チェックボックス(テーブル内)
HTMLファイル内は
<label><input type="checkbox" name="パラメータ名" value="パラメータ値1"/>
表示される文字1</label>
<label><input type="checkbox" name="パラメータ名" value="パラメータ値2"/>
表示される文字2</label>
(例)<label><input type="checkbox" name="hobby" value="映画鑑賞"/>映画鑑賞</label>
jspファイル内は / if...はチェックボックスを複数表示させるときに使う
String[] getパラメータ名 = request.getParameterValues("パラメータ名");
String str;
if(getHobbys != null){
str="";
for(String パラメータ名 : getパラメータ名){
str += パラメータ名 + "";
}
}else{
str="その他";
}
隠しフィールド(段落タグ内)
HTMLファイル内は
<input type="hidden" name="パラメータ名" value="パラメーター値"/>
(例)<input type="hidden" name="color" value="#ffff00"/>
jspファイル内は
String getパラメータ名 = request.getParameter("パラメータ名");
submitボタン(指定の場所にジャンプ(送信)できる)(段落タグ内)
HTMLファイル内は
<input type="submit" value="ボタン名" />
jspファイル内は
送信するものなので生成しない
画像ボタン(submitボタンの代わりに使える)(段落タグ内)
<input type="image" name"パラメータ名" value="パラメータ値"
src="画像のファイルパス(jpg ・gifなど)" alt="代替文字列"/>
jspファイル内は
送信するものなので生成しない
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
例文
HTMLファイル
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>フォーム利用</title>
</head>
<body>
<h1>アンケートフォーム</h1>
<form action ="formtestpage.jsp" method="post">
<table border="1" summary="アンケートフォーム">
<tr>
<th>年代</th>
<td>
<select name="birth">
<option value="20代" selected="selected">20代</option>
<option value="30代">30代</option>
<option value="40代">40代</option>
<option value="50代">50代</option>
</select>
</td>
</tr>
<tr>
<th>性別</th>
<td>
<label><input type="radio" name="gender" value="男性"/>男性</label>
<label><input type="radio" name="gender" value="女性"/>女性</label>
</td>
</tr>
<tr>
<th>趣味(複数回答可能)</th>
<td>
<label><input type="checkbox" name="hobby" value="映画鑑賞"/>映画鑑賞</label>
<label><input type="checkbox" name="hobby" value="読書"/>読書</label>
<label><input type="checkbox" name="hobby" value="スポーツ"/>スポーツ</label>
<label><input type="checkbox" name="hobby" value="料理"/>料理</label>
<label><input type="checkbox" name="hobby" value="ゲーム"/>ゲーム</label>
</td>
</tr>
</table>
<p>
<input type="hidden" name="color" value="#ffff00"/>
<input type="image" src="title.jpg" alt="送信"/>
</p>
</form>
</body>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
JSPファイル
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
//リクエスト処理
request.setCharacterEncoding("UTF-8");
String getBirth = request.getParameter("birth");
String getGender = request.getParameter("gender");
String getColor = request.getParameter("color");
String[] getHobbys = request.getParameterValues("hobby");
String strHobbys;
if(getHobbys != null){
strHobbys="";
for(String hoddy : getHobbys){
strHobbys += hoddy + "、";
}
}else{
strHobbys="その他";
}
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css"/>
<style type ="text/css">
body{
background-color : <%=getColor%>;
}
</style>
<title>様々なフォームの利用</title>
</head>
<body>
<h1>アンケート結果</h1>
<p>
<%=getBirth + getGender+",趣味は "+strHobbys+"ですね"%>
</p>
<p>
ご協力ありがとうございました。
</p>
</body>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー