Preencher outros inputs automaticamente

Ola bom dia

poderia me dar um ajuda

tenho alguns input´s e em um deles quero que quando preencher um deles outros seja automaticamente preenchidos

	Quando eu preencher o input **<input type="text" class="form-control" name="category_name"> **Ex:1** **<input type="text" class="form-control" name="category_name" value="Nome de uma categoria">

	 

	Já no input **<input type="text" class="form-control" name="category_slug"> **ele já receber o titulo ex:2 <input type="text" class="form-control" name="category_slug" value="nome-de-uma-categoria">

	 

	E no input **<input type="text" class="form-control" name="meta_title">**** **ele já receber assim <input type="text" class="form-control" name="meta_title" value="Nome de uma categoria">

	Sem precisar preencher eles também...

 <label for="" class="col-sm-2 control-label">Categoria Nome<span>*</span></label>
 <div class="col-sm-4">
 <input type="text" class="form-control" name="category_name">
 </div>
 </div>
 <div class="form-group">
 <label for="" class="col-sm-2 control-label">Categoria Slug</label>
 <div class="col-sm-4">
 <input type="text" class="form-control" name="category_slug">
 </div>
 </div>
 <h3 class="seo-info">SEO</h3>
 <div class="form-group">
 <label for="" class="col-sm-2 control-label">Meta Titulo </label>
 <div class="col-sm-9">
 <input type="text" class="form-control" name="meta_title">
 </div>
 </div>
 <div class="form-group">
 <label for="" class="col-sm-2 control-label">Meta Keywords </label>
 <div class="col-sm-9">
 <textarea class="form-control" name="meta_keyword" style="height:100px;"></textarea>
 </div>
 </div>
 <div class="form-group">
 <label for="" class="col-sm-2 control-label">Meta Description </label>
 <div class="col-sm-9">
 <textarea class="form-control" name="meta_description" style="height:100px;"></textarea>
 </div>
 </div>

	Espero que  possam ter entendido ai desde já fico grato....