好看的表單源碼
㈠ android平板 怎麼設計好看的表單
1.來說下主程序MainActivity.java
public class MainActivity extends Activity {
private TableLayout table;
private Button select;
EmployeeDao = new EmployeeDao(this);
private Button add;
private Button update;
int selectedRow = 0;
int ActivityID=1;
List<Employee> list = new ArrayList<Employee>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
table = (TableLayout) this.findViewById(R.id.table);
table.setBackgroundColor(Color.GREEN);
//table.set
add = (Button) this.findViewById(R.id.add);
update = (Button) this.findViewById(R.id.update);
select = (Button) this.findViewById(R.id.select);
// 點擊查詢按鈕處理事件
// Toast.makeText(this, "已查詢過了!", Toast.LENGTH_SHORT).show();
select.setOnClickListener(new selectListener());
// 點擊添加按鈕事件處理,跳轉到另一個activity
add.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent i = new Intent();
i.setClass(MainActivity.this, AddAndUpdateActivity.class);
Bundle bundle=new Bundle();
ActivityID=1;
bundle.putInt("ID", ActivityID);
i.putExtras(bundle);
startActivity(i);
}
});
// 更新員工信息
update.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent i = new Intent();
i.setClass(MainActivity.this, AddAndUpdateActivity.class);
Bundle bundle=new Bundle();
ActivityID=2;
bundle.putInt("ID", ActivityID);
bundle.putInt("emID", selectedRow);
i.putExtras(bundle);
startActivity(i);
}
});
}
// 查詢信息監聽類
private class selectListener implements View.OnClickListener {
@Override
public void onClick(View v) {
list = .getAll();
if (list.size() != 0) {
for (int i = 0; i < list.size(); i++) {
TableRow row = new TableRow(MainActivity.this);
Employee em = list.get(i);// 查找所有員工信息
// 設置行標記
row.setId(em.getId());
row.setPadding(6, 1, 6, 1);
row.setGravity(Gravity.CENTER);
row.setBackgroundColor(Color.WHITE);
TextView view1 = new TextView(MainActivity.this);
view1.setText(Integer.toString(em.getId()));
view1.setGravity(Gravity.CENTER);//文本居中
view1.setTextSize((float) 18);文本大小
view1.setTextColor(Color.RED);
view1.setPadding(10, 2, 10, 2);//邊框左、上、右、下
row.addView(view1);添加一行
TextView view2 = new TextView(MainActivity.this);
view2.setText(em.getName());
view2.setTextSize((float) 18);
view2.setPadding(10, 2, 10, 2);
row.addView(view2);
TextView view3 = new TextView(MainActivity.this);
view3.setText(Integer.toString(em.getAge()));
view3.setTextSize((float) 18);
view3.setGravity(Gravity.CENTER);
view3.setPadding(10, 2, 10, 2);
row.addView(view3);
TextView view4 = new TextView(MainActivity.this);
view4.setText(em.getPosition());
view4.setTextSize((float) 18);
view4.setPadding(10, 2, 10, 2);
row.addView(view4);
TextView view5 = new TextView(MainActivity.this);
view5.setText(em.getDepartment());
view5.setTextSize((float) 18);
view5.setPadding(10, 2, 10, 2);
row.addView(view5);
TextView view6 = new TextView(MainActivity.this);
view6.setText(em.getWorkdate());
view6.setTextSize((float) 18);
view6.setPadding(10, 2, 10, 2);
row.addView(view6);
TextView view7 = new TextView(MainActivity.this);
SimpleDateFormat format=new SimpleDateFormat("yyyy-MM-dd");
Date date = null;
try {
date = format.parse(em.getWorkdate());
} catch (ParseException e) {
e.printStackTrace();
}
float d= (float)((new Date().getTime()-date.getTime())/(24*60*60*1000)/365);//計算工齡
String dd=Integer.toString((int) d+1);
view7.setText(dd);
view7.setTextSize((float) 18);
view7.setPadding(10, 2, 10, 2);
row.addView(view7);
table.addView(row);
row.setOnClickListener(new View.OnClickListener() {//點擊某行觸發事件
@Override
public void onClick(View v) {
System.out.println("行標記:" + v.getId());
for (int i = 0; i < table.getChildCount(); i++) {
if (table.getChildAt(i).getId() != v.getId())
table.getChildAt(i).setBackgroundColor(Color.WHITE);
// 選中時,高亮顯示即設置背景色
v.setBackgroundColor(Color.YELLOW);
}
selectedRow = v.getId();
AlertDialog.Builder dialog = new AlertDialog.Builder(
MainActivity.this);
dialog.setTitle("請確認:");
dialog.setMessage("是否刪除這條記錄?");
dialog.setPositiveButton("確定",
new DialogInterface.OnClickListener() {
@Override
public void onClick(
DialogInterface dialog,int which) {
EmployeeDao = new EmployeeDao(MainActivity.this);
.delete(selectedRow);
Toast.makeText(MainActivity.this,
"刪除成功", Toast.LENGTH_SHORT).show();
Intent i = new Intent();
i.setClass(MainActivity.this,MainActivity.class);
startActivity(i);
}
});
dialog.setNegativeButton("取消",
new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
dialog.cancel();
} });
dialog.show();
}
});
}
}
}
}
}
2.然後是添加和更新的界面,兩個功能使用同一個xml文件布局
<RelativeLayout
android:background="#2691f2"
tools:context=".AddAndUpdateActivity" >
<TextView
android:id="@+id/t"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:textSize="25sp"
android:text="@string/addinfo"
android:textColor="#bc4b86" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_below="@+id/t"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="30dp" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/name" />
<EditText
android:id="@+id/nm"
android:inputType="text"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_marginLeft="25dp" />
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/age" />
<EditText
android:id="@+id/ag"
android:inputType="text"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_marginLeft="25dp" />
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/position" />
<EditText
android:id="@+id/pzs"
android:inputType="text"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_marginLeft="25dp" />
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/dptmt" />
<EditText
android:id="@+id/dptmt"
android:inputType="text"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_marginLeft="25dp" />
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/date" />
<EditText
android:id="@+id/wkdt"
android:inputType="text"
android:layout_width="150dp"
android:layout_height="wrap_content" />
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="20dp" />
<Button
android:id="@+id/addnew"
android:layout_width="60dp"
android:layout_height="40dp"
android:layout_gravity="center_horizontal"
android:text="@string/add" >
</Button>
</LinearLayout>
</RelativeLayout>
㈡ HTML 表單提交 的簡單代碼
1、打開Dreamweaver編輯器,准備好一個空白的html文件,寫入基本的html結構:
㈢ 設計如下一個表單頁面,寫出相應的代碼。
表單是實現動態網頁的一種主要的外在形式。表單和表單域並不具有排版的能力,表單網頁的製作最終還是要由表格組織起來。html表單是html頁面與瀏覽器端實現交互的重要手段。利用表單可以收集客戶端提交的有關信息。 在瀏覽網站時經常會遇到表單,它是網站實現互動功能的重要組成部分。無論網站使用的是那種形式的語言來實現網站的互動功能,例如ASP、php、JSP,表單已經成為它們統一的外在形式。 表單的主要功能是收集信息,具體說是收集瀏覽者的信息。例如在網上要申請一個電子信箱,就必須按要求填寫完成網站提供的表單頁面,其主要內容是姓名、年齡、聯系方式等個人信息。又例如要在某論壇上發言,發言之前要申請資格,也是要填寫完成一個表單網頁。 表單可以用於調查、訂購、搜索等功能。一般的表單由兩部分組成,一是描述表單元素的html源代碼,二是客戶端的腳本,或者伺服器端用來處理用戶所填信息的程序。在html里,我們可以定義表單,並且使表單與CGI或ASP等伺服器端的表單處理程序配合。 表單信息處理的過程為:當單擊表單中的提交按紐時,輸入在表單中的信息就會上傳到伺服器中,然後由伺服器中的有關應用程序進行處理,處理後或者將用戶提交的信息儲存在伺服器端的資料庫中,或者將有關的信息返回到客戶端瀏覽器中。 表單是網頁上的一個特定區域。這個區域是由一對<Form>標記定義的。這一步有幾方面的作用。第一方面,限定表單的范圍。其它的表單對象,都要插入到表單之中。單擊提交按紐時,提交的也是表單范圍之內的內容。第二方面,攜帶表單的相關信息,例如處理表單的腳本程序的位置、提交表單的方法等。這些信息對於瀏覽者是不可見的,但對於處理表單確有著決定性的作用。 基本語法01 <Form name="Form_name" method="method" action="url" enctype="value" target="target_win"> 02 …… 03 </Form> 語法解釋<Form>標記的屬性如下表所示 屬性 描述 name 表單的名稱 method 定義表單結果從瀏覽器傳送到伺服器的方法,一般有兩種方法:get和post action 用來定義表單處理程序(ASP,CGI等程序)的位置(相對地址或絕對地址) enctype 設置表單資料的編碼方式 target 設置返回信息的顯示方式 <FORM>標記的ENCTYPE屬性基本語法01 <Form enctype="value"> 02 …… 03 </Form> 語法解釋value的取值如所下表所示 屬性值 描述 Text/plin 以純文本形式傳送信息 Application/x-www-Form-urlencoded 默認的編碼形式 Multipart/Form-data 使用mine編碼 文件範例:11-4.htm設置表單信息提交的編碼方式。01 <!-- ------------------------------ -->02 <!-- 文件範例:11-4.htm -->03 <!--文件說明:設置信息提交的編碼方式-->04 <!-- ------------------------------ -->05 <html>06 <head>07 <title>設置信息提交的編碼方式</title>08 </head>09 <body>10 <h1>用戶調查</h1>11 <Form name=invest action=mailto:tslxg@hotmail.com method=get enctype=text/plain>12 </Form>13 </body>14 </html>
㈣ 寫出對應網頁的HTML源代碼
代碼如下:
<form class="" >
<table border="2">
<tr>
<td>用戶姓名:</td>
<td><input type="text" name="name" ></td>
<td><strong>*必須輸入</strong></td>
</tr>
<tr>
<td>用戶密碼:</td>
<td><input type="password" name="name" ></td>
<td><strong>*必須輸入</strong></td>
</tr>
<tr>
<td> </td>
<td colspan="2"><input name="" type="checkbox" value="" checked="checked" />記住我的信息</td>
</tr>
<tr>
<td colspan="3">
<伍脊input name="昌清" type="submit" value="提交" />
<input name="" type="button" value="重置" />
</td>
</tr>
完全按照圖片上來做的,但是只用html應該不能進行提交,這涉及到cookie,需要php或者其他東西,所以提交只是做做樣子。
這是效果耐橘前截圖: