1. 程式人生 > >html+jsp 簡單靜態網頁設計

html+jsp 簡單靜態網頁設計

<html>
<head>
<title>問卷調查</title>
<style type="text/css">
body {
    padding: 0px 10% 0px 10%;
}
#ft {
	text-align:center;
	font-size:29px;<!--2號中文字型 -->
	font-family:SimSun;<!--宋體-->
	
}

.fp {
	font-family:KaiTi;<!--楷體-->
	font-size:14px;<!--5號中文字型 -->
}

.st {
	font-size:21px;<!--3號中文字型 2-->
	font-family:SimHei;<!--黑體-->
}

.sp {
	font-size:16px;<!--5號中文字型 -->
	font-family:SimSun;<!--宋體-->
	
}
</style>
</head>
<body>
<div>
    <p id="ft"><b>企業電子商務調查問卷</b></p>
    <div class="fp">
        <p>尊敬的先生/女士:</p>
        <p style="text-indent:2em;">您好!為了瞭解目前企業開展電子商務的狀況和問題,我們課題組希望您能協助填寫這份調查表。在此,我們鄭重承諾,調查結果僅供研究使用。如果您有興趣和需要,我們可以將最終的統計和分析結果通過電子郵件的方式反饋給您。
		</p>
        <p style="text-indent:2em;">本次調查對於電子商務的界定是:通過計算機網路完成的購買和銷售貨物以及服務的行為,這些貨物或服務的訂單是通過相關網路下達的,但是支付和物流可以是網下進行的。通過傳真、電話和電子郵件達成的交易不算在內。
		</p>
        <p style="text-indent:2em;">非常感謝您的大力支援!</p>
        <p style="text-align:right;">廣東省電子商務發展規劃前期研究課題組
		</p>
    </div>
    <hr/>
</div>

<div>
	<b class="st">一、企業基本簡況</b>
	<br/>
	<div class="sp">
		<p>
		1.企業名稱:
		<input name="qyname" size=30 type="text">
		註冊地:
		<input name="zcaddress" size=10 type="text">
		<br/>
		<br/>
		2.您所在的企業的職務(職業):
		<input name="zyname" size=20 type="text">
		<br/>
		<br/>
		3.企業成立時間:
		<input name="cltime" size=20 type="text">
		<br/>
		<br/>
		4企業所在行業:
		<input name="szhy" size=20 type="text">
		<br/>
		<br/>
		<u style="font-size=20px">
		<b>
		以下選擇題,若無特別宣告,皆為多項選擇題
		</b>
		</u>
		<br/>
		<br/>
		<p>
		5.您所在企業的所有制形式為:(單選)<br/>
		<input  name="r1" type="radio"/>國有 
		<input  name="r1" type="radio"/>集體 
		<input  name="r1" type="radio"/>民營 
		<input  name="r1" type="radio"/>外資 
		<input  name="r1" type="radio"/>合資
		<input  name="r1" type="radio"/>股份制 
		<input  name="r1" type="radio"/>其他 
		<input  name="qt1" size=5 type="text" />
		</p>
		<p>
		6.您所在企業的型別為: (多選)<br/>
		<input  name="r2" type="checkbox"/>流程型製造業
		<input  name="r2" type="checkbox"/>離散型製造業
		<input  name="r2" type="checkbox"/>混合型企業
		<input  name="r2" type="checkbox"/>旅遊服務業
		<input  name="r2" type="checkbox"/>餐飲服務業
		<input  name="r2" type="checkbox"/>資訊服務業
		<input  name="r2" type="checkbox"/>金融服務業
		<input  name="r2" type="checkbox"/>物流服務業
		<input  name="r2" type="checkbox"/>其他
		<input  name="qt2" size=10 type="text" />
		</p>
		<p>
		7.您所在企業是否是上市公司:(單選)
		<select>
		<option value="00">請選擇</option>
		<option value="01">是</option>
		<option value="02">不是</option>
		</select>
		<br>
		</p>
		</p>
		<br/>
		</div>
</div>
<div>
		<b class="st">二、企業資訊化總體狀況</b>
		<p>
		8.您所在企業最需要的資訊包括(選擇其中最重要的4項資訊):
		</p>
		<table>
                <tr>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">產品開發</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">生產技術</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">技術引進</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">市場行情</td>
                    </tr>
                    <tr>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">競爭對手</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">政策法規</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">薪酬水平</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">人才資訊</td>
                    </tr>
                    <tr>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">財務狀況</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">投資融資</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">市場預測</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">員工關係</td>
                    </tr>
                    <tr>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">客戶資訊</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">供應商資訊</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">產品價格</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">質量管理</td>
                    </tr>
                    <tr>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">社交活動</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">合作伙伴資訊</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">企業績效</td>
                    <td><input type="checkbox" name="dxcbox" onclick="checkCount(this);">行業動態</td>
                    </tr>
                    <tr>
                     <td><input type="checkbox" name="cbox" />其他 
					 <input name="qt3" size="5" type="text" >
                        </td>
                    </tr>
                </table>
		<p>
		9.您所在企業從何時開始採用ERP(或MIS)系統?
		<select id="sel">
		</select>
		年
		</p>
		<p>
		10.您所在企業網站的更新週期是多長時間?(單選)
		<select>
		<option value="0">單選,請下拉</option>
		<option value="1">每天</option>
		<option value="2">每週</option>
		<option value="3">每月</option>
		<option value="4">每季度</option>
		<option value="5">每半年</option>
		<option value="6">半年以上</option>
		</select>
		</p>
		<p>
		11.您認為目前您所在企業存在的主要問題:
		</p>
		<table border="0">
		<tr>
		<td>  </td> <td>非常重要</td> <td>重要</td> <td>一般 </td> <td>不重要</td> <td>不存在</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="110"/>利潤增長 </td>
		<td align="center" align="center"><input  name="r4" type="radio"/>5</td>
		<td align="center" align="center"><input  name="r4" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="r4" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="r4" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="r4" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="111"/>市場份額</td>
		<td align="center" align="center"><input  name="c5" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c5" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c5" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c5" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c5" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="112"/>戰略管理</td>
		<td align="center" align="center"><input  name="c6" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c6" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c6" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c6" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c6" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="113"/>部門協調</td>
		<td align="center" align="center"><input  name="c7" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c7" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c7" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c7" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c7" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="114"/>員工流失</td>
		<td align="center" align="center"><input  name="c8" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c8" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c8" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c8" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c8" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="115"/>激勵機制</td>
		<td align="center" align="center"><input  name="c9" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c9" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c9" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c9" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c9" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="116"/>人才培養和引進</td>
		<td align="center" align="center"><input  name="c10" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c10" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c10" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c10" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c10" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="117"/>領導班子</td>
		<td align="center" align="center"><input  name="c11" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c11" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c11" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c11" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c11" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="118"/>企業資訊化建設</td>
		<td align="center" align="center"><input  name="c12" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c12" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c12" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c12" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c12" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="119"/>品牌經營</td>
		<td align="center" align="center"><input  name="c13" type="radio"/>5</td>
		<td align="center" align="center"><input  name="c13" type="radio"/>4</td> 
		<td align="center" align="center"><input  name="c13" type="radio"/>3</td> 
		<td align="center" align="center"><input  name="c13" type="radio"/>2</td> 
		<td align="center" align="center"><input  name="c13" type="radio"/>1</td>
		</tr>
		<tr>
		<td> <input  name="r3" type="checkbox" value="120"/>其他<input  name="qt4" size=5 	type="text" /></td>
		</tr>
		</table>
</div>
</div>
</body>
</html>
<script type="text/javascript">
    onload = function ()
    {
         var year=new Date().getFullYear(); //獲取當前年份
         
       var sel = document.getElementById ('sel');//獲取select下拉列表
       for ( var i = 1990; i <= year; i++)//迴圈新增2006到當前年份的每個年份依次新增到下拉列表
       {
           var option = document.createElement ('option');
           option.value = i;
           var txt = document.createTextNode (i);
           option.appendChild (txt);
           sel.appendChild (option);
       }
	  /********************************************************/
	   
    }
    function checkCount(cbox) {
        var dx4 = document.getElementsByName("dxcbox");
        var num = 0;
        for (i = 0; i < dx4.length; i++){
            if (dx4[i].checked)
                num += 1;
		}
			if (num > 4) {
            alert("最多可以選擇四個!");
			//num-=1;
            cbox.checked = false;
        }
	   
    }
	 
	
</script>

相關推薦

html+jsp 簡單靜態網頁設計

<html> <head> <title>問卷調查</title> <style type="text/css"> body { padding: 0px 10% 0px 10%; } #ft { text-align:center; f

html+js 簡單靜態網頁設計

實驗一 簡單靜態網頁設計 一、 實驗目的: 1. 複習使用記事本編輯網頁的方法。 2. 熟悉不同表單控制元件型別的應用。 3. 練習使用記事本在網頁中新增表單與表單元素。 二、 實

練習HTML——簡單網頁設計

用了一天的時間學習孫鑫老師的HTML視訊,(視訊只有2個小時)主要內容就是關於編寫HTML語言的標記符號,深知這些符號是記不住的,所以除了跟著老師練習例項以外,自己也編寫了一個簡單的網頁設計,當然了,對於後臺程式碼沒有實現,只是簡單的進行了介面設計,整個網頁內容涵蓋了視訊中

簡單靜態網頁設計

總體思路:先構思好一個圖書館的框架以這個框架為主體,進行拓展,豐富其他內容:只是簡單地做了四個頁面,“我的圖書館”頁面可以採用同樣的方式編寫出來。主體的程式設計:<!doctype html><html><head><meta cha

HTML靜態網頁設計

第一週:HTML寫靜態網頁一、HTML理論介紹及常用格式1.HTML主體格式基本結構<!DOCTYPE html><html><head><mate charset="utf-8"/><title>標題</ti

HTML 5+CSS 3網頁設計經典範例 (李俊民,黃盛奎) 隨書光盤?

ets 新增功能 支持 文字樣式 .com src 設計 視頻 網頁 《html 5+css 3網頁設計經典範例(附cd光盤1張)》共分為18章,涵蓋了html 5和css3中各方面的技術知識。主要內容包括html 5概述、html 5與html 4的區別、html 5的結

HTML靜態網頁css成品DW大學生網頁作業制作畢業設計

大學生 src 網頁 img p s http 制作 mark title HTML靜態網頁源碼css成品DW大學生網頁作業制作畢業設計+2425691680 HTML靜態網頁css成品DW大學生網頁作業制作畢業設計

網頁設計jsphtml有什麼區別

html頁面是靜態頁面,也就是事先由開發者寫好放到伺服器上,由web伺服器向客戶端傳送。當僅僅用作瀏覽器展示給客戶或者使用者的介面時,即可選擇用html頁面來實現,jsp頁面時由java語言為基礎衍生出來的一門網路程式語言,也稱為動態語言jsp可以對資料庫進行操作,而html無法對資料庫進行操作;動態語言和靜

tomcat部署簡單html靜態網頁

首先電腦上(無論Windows還是linux系統)應該裝好java和Tomcat,並設定好它們的環境變數。 設定完成後,啟動Tomcat ,開啟瀏覽器輸入網址:http://ip:port,如果出現相應的頁面,說明Tomcat安裝成功,可以繼續下面的配置。 在\co

一個簡單的登陸網頁設計(JSP+MySQL+Tomcat)

                  By zieckey(http://blog.csdn.net/zieckey)                          All Rights Reserved! 前臺login.html和後臺verifylogin.jsp兩個頁

html網頁設計細節總結及實踐經驗總結

text 文件路徑 -1 div 提醒 進制的轉換 改換 slice 對話 1) <link rel=” ” type=”text/css” href=”__.css”>是空元素,僅包含屬性。用來定義文檔與外部資源的關系,常用於鏈接樣式表

Html靜態網頁下載—Teleport Pro 1.68 官方原版

apple pan 進程 搜索網站 得到 ava span 靜態 地址 Teleport Pro 1.68 官方原版+有效註冊碼 – 下載整個網站 簡介 Teleport Pro由美國Tennyson Maxwell公司開發,曾被PC Magazine評為”編輯選擇

簡單網頁設計與布局

log ext mtu mar align 1.2 3.4 20px 1-1 <title>電影海報</title> <style type="text/css"> *{ background-color:#000; } .d

html網頁設計

html文檔 基本 屬性 網頁 一個 打開 -- body 網頁設計 對於html文檔可以直接通過瀏覽器打開並解釋執行,不需要使用服務器。一個html文檔的架構,一般由3對標簽構成:<html></html>,<head></hea

靜態網頁框架設計首次體驗(文章改)

指點 .com 框架設計 關於 odi 綜合 bsp contex 參考 根據教材與上網成功解決了Tomcat與Myeclipse的安裝,同時熟悉了Java web創建項目到部署運行整個過程。今天起正式開始學習有關Java web的編程部分。Java web靜態網頁(HTM

HTML&XML網頁設計 (曾鴻) pdf掃描版

6.4 技術分享 屬性 文章 超鏈接 掌握 修飾 高職高專 序列 HTML&XML網頁設計循序漸進地介紹了HTML、CSS、XML、XSL、XLL(XLink+XPointer),並通過諸多實例讓讀者了解了HTML和XML標記的用法,掌握了網頁設計的原理、方法和技巧

Python開發簡單爬蟲之靜態網頁抓取篇:爬取“豆瓣電影 Top 250”電影數據

模塊 歲月 python開發 IE 女人 bubuko status 公司 使用 目標:爬取豆瓣電影TOP250的所有電影名稱,網址為:https://movie.douban.com/top250 1)確定目標網站的請求頭: 打開目標網站,在網頁空白處點擊鼠標右鍵,

網頁設計:vim+emmet簡單演練

帳號 另存為 密碼 htm text 網頁 class use span 打開vim後,在英文狀態下,按下小寫字母 i 鍵。 輸入 html:5>h2+form>p*10 光標在行的末尾處,在英文狀態下,同時按下ctrl + y (control 鍵和y

ZBLOG系統PHP程序無法生成純HTML靜態網頁導致的2大缺陷

ZBLOG php 數據庫 最近在研究ZBLOG系統,其中有ASP版本,可以搭配ACCESS和MS-SQL數據庫,也都有生成HTML純靜態網頁文件的插件,雖然對於ZBLOG2.1-2.2的ASP版本來說,靜態化插件沒有及時更新,導致提交網頁後在後臺無法跳轉的小問題,但還是可以用的,目前來說,除了在

新編html網頁設計從入門到精通 (龍馬工作室) pdf掃描版?

題解 ima tps 數據 式表 成長 原則 com 內容 新編html網頁設計從入門到精通共分為21章,全面系統地講解了html的發展歷史及4.0版的新特性、基本概念、設計原則、文件結構、文件屬性標記、用格式標記進行頁面排版、使用圖像裝飾頁面、超鏈接的使用、使用表格組織頁