最初のWebアプリケーションの作成に苦心しています

最初のWebアプリケーションを開発しようとしているときに、私はロードブロッキングを打ちました。私はウェブデザイン/開発に新しいです、そして、私はちょうど最近、私の最初のウェブサイトを作成しました：http://amritayalur.com/。最初のWebアプリケーションの作成に苦心しています

大きな検索ボックスを作成しようとしていますが、ユーザーの入力を受け取り、APIを使用して結果を返す送信ボタンがあります。（私はこれを行う方法を知っている）。私が助けが必要なのは、この大きな検索ボックスを作成し、ユーザーの入力をファイル、変数などに保存することです。

私はアンドロイドアプリケーションでこのようなことをしましたが、私はHTMLとCSSに苦労しています。私がここに見つけたものに似た検索ボックスを得ることができれば本当に涼しいでしょう：https://www.tumblr.com/。 jsFiddleとして

出典

2011-12-22 Slicekick

あなたはどのように新しいですか？あなたはCSSとJavascriptについてどれくらい知っていますか？ –

どのAPIを使用していますか？検索ボックスがあなたのサイトを検索することを意味しますか？おそらく、あなたはあなたのWebサーバーにPOSTを提出し、サーバーは結果を受け取り、それを使って何かを行い、ユーザーが見るためのページを生成します。しかし、私はクライアントサイド（JavaScript）の検索も見ているので、それは本当に依存しています。サイトはすばらしく見える！あなたのプログラミングを続け、このような場所で助けを求めることをためらってください。私は20歳ではなく16歳のときに始めたのですが、 –

:-)まずは：comic-sans-msを使用しないでください：P – helle

<style> 
body { 
    background-color: #3C5A76;; 
} 

.large-input { 
    color: #869CB2; 
    cursor: pointer; 
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif; 
    font-size: 20px; 
    margin: 12px 0 0 11px; 
    padding: 8px 10px; 
    width: 176px; 
} 
</style> 

<body> 
    <input type="text" class="large-input"> 
</body>

このコード：http://jsfiddle.net/cJCP7/

出典

2011-12-22 22:44:29

Arialを置く前にHelveticaを組み込むのはどうですか？正しいことをして、安価なノックオフの前に常にHelvetica *を置く。 –

@AndrewMarshall私はちょうどOPから自分のデザインをベースにしたいサイトからCSSをコピー/ペーストしました。それは彼らがTumblrでそれをする方法です、OPは何か似たものを求めました、なぜ私は議論すべきですか？ –